{INCLUDE_HEADER} <div class="blog"> <div class="topo parallax" data-stellar-background-ratio="0.3" style="background-image: url('uploads/static/{BLOG_FUNDO}');"> <div class="container"> <h1>blog</h1> </div> </div> <div class="container"> <div class="chamada"> O que você quer ler? </div> <nav> <ul> <li><a href="javascript:;" class="filter-blog" data-id="todos">Todos</a></li> <!-- BEGIN BLOCK_BLOG_CAT --> <li><a href="javascript:;" class="filter-blog" data-id="{BLOG_CAT_ID}">{BLOG_CAT_NOME}</a></li> <!-- END BLOCK_BLOG_CAT --> </ul> </nav> <div class="clearfix"></div> <div class="row result"> <!-- BEGIN WHILE_BLOG --> <div class="col-md-3 col-sm-6 col"> <a href="post/{LN_BLOG_SLUG}/{LN_BLOG_ID}"> <img src="uploads/blog/{LN_BLOG->foto}" alt="{LN_BLOG->titulo}"> <span>{LN_BLOG->titulo}</span> <small>{LN_BLOG_CAT}</small> <p>{LN_BLOG->subtitulo}</p> <div class="clearfix"></div> <i>Leia mais »</i> </a> <div class="line"></div> </div> <!-- BEGIN BLOCK_FIX --> <div class="clearfix"></div> <!-- END BLOCK_FIX --> <!-- END WHILE_BLOG --> </div> </div> </div> <script> $(document).ready(function(){ $(".filter-blog").click(function(){ var ID = $(this).attr("data-id"); $.post("model/getBlog", {ID : ID}, function(retorno){ $(".blog .result").html(retorno); }); }); }); </script>