Question

过滤和排序工作按钮工作完美，但我无法让我的分页按钮显示出来。我正在使用MixItUp。

    <div class="container">
    <div id="card">
      <img src="http://ecx.images-amazon.com/images/I/519zImiZraL._SL500_AC_SS100_.jpg">
    </div>

    <div id="card">
      <img src="http://saigonexpres.com/wp-content/uploads/2016/06/Nokia-Asha-303-newshitechdigital-e1466994250562-100x75.png">
    </div>  

    <div id="card">
      <img src="http://linlona.com/wp-content/uploads/2016/08/samsung-a3-100x150.jpg">
    </div>  

    <div id="card">
      <img src="https://images-na.ssl-images-amazon.com/images/I/51wtdOTMfoL._SL500_AC_SS100_.jpg">
    </div>  

    <div id="card">
      <img src="http://www.hellkom.co.za/cellphones/images/small/samsung-galaxy-note-4-1.jpg">
    </div>

    <div id="card">
      <img src="http://www.price-hunt.com/content/images/accessories/mta-back-replacement-cover-for-lenovo-k-3-note.jpeg">
    </div>

    <div id="card">
      <img src="https://images-na.ssl-images-amazon.com/images/I/41qDcWYD6-L._SL500_AC_SS100_.jpg">
    </div>

    <div id="card">
      <img src="http://www.mobile2u.com.pk/Images/Items/thumb/nokia_1112_image9034.bmp">
    </div>
</div>

我已经包含空的寻呼机列表div并遵循所有其他必要步骤。

 $(function(){
    $('#Container').mixItUp({
        controls: {
            enable: true
        },
        pagination: {
            limit: 1
        }
    })
 })

以下是我用于过滤的复选框的示例。

<div class="pager-list">
    <!-- Pagination buttons will be generated here -->
</div>

任何帮助或建议都会非常感激。谢谢

Answer 1

您是否包含 jquery.mixitup-pagination.js 文件？

MixitUp Pagination是您需要购买的高级扩展程序，因此除非您购买并将其包含在MixitUp脚本之后，否则MixitUp的这部分将无法使用。

<script src="assets/js/jquery.mixitup.js"></script>
<script src="assets/js/jquery.mixitup-pagination.js"></script>

MixItUp分页按钮未显示

1 个答案: