im learning about the Jquery Plugin 'MixItUp' It´s works but when i try paginate the results the pagination doesnt work...
<div class="controls">
<button class="filter" data-filter="all">Todo</button>
<button class="filter" data-filter=".category-1">Diseño Web</button>
<button class="filter" data-filter=".category-2">Diseño Grafico</button>
<button class="filter" data-filter=".category-3">Apps</button>
</div
<!-- contenedor de las imagenes y categorias -->
<div id="Container" style=" ">
<div class="mix category-1"><img src="images/web1.jpg" alt="image"></div>
<div class="mix category-2"><img src="images/grafico1.jpg" alt="image"></div>
<div class="mix category-1"><img src="images/web2.jpg" alt="image"></div>
<div class="mix category-1"><img src="images/web3.jpg" alt="image"></div>
<div class="mix category-3"><img src="images/apps1.jpg" alt="image"></div>
<div class="mix category-2"><img src="images/grafico2.jpg" alt="image"></div>
<div class="mix category-3"><img src="images/apps2.jpg" alt="image"></div>
<div class="mix category-2"><img src="images/grafico3.jpg" alt="image"></div>
<div class="mix category-3"><img src="images/apps3.jpg" alt="image"></div>
</div>
I put the div to paginate the results:
<div class="pager-list">
<!-- Pagination buttons will be generated here -->
</div>
And here is my script:
<script>
$(function(){
$('#Container').mixItUp({
pagination: {
limit: 2,
generatePagers: true
}
});
});
</script>
Please any help?
Aucun commentaire:
Enregistrer un commentaire