jQuery分页插件不起作用

Question

我的页面上有很长的项目列表

<div class="content">
<div class="row-fluid">
    <div class="span12">
        <h4 class="content-title">Clients</h4>

          <div class="clients_wrapper">
            <div class="img-indent3">
                <img src="../Images/US Department of Defense.png" alt="">
            </div>
            <div class="extra-wrap">
                <span class="text-3">US Department of Defense</span>  
                <br>
                text
            </div>
        </div>

        <div class="clients_wrapper">
            <div class="img-indent3">
                <img src="../Images/Intel Corporation.png" alt="">
            </div>
            <div class="extra-wrap">
                <span class="text-3">IntelCorporation</span>
                <br>
                text.
            </div>
        </div>

        <div class="clients_wrapper">
            <div class="img-indent3">
                <img src="../Images/HSBC Holdings.png" alt="">
            </div>
            <div class="extra-wrap">
                <span class="text-3">HSBC Holdings plc</span>
                <br>
                text.
            </div>
        </div>

我想使用jQuery分页插件在link 页上选择我的列表

我在项目脚本中添加了ans css文件，并在我的页面上添加了此代码

<script type="text/javascript" src="/Scripts/jquery.simplePagination.js"></script>
<script type="text/javascript">
    $(function () {
        $(".clients_wrapper").pagination({
            items: 30,
            itemsOnPage: 8,
            cssStyle: 'light-theme'
        });
    });
</script>

但结果我得到了这个

我的代码有什么问题？
如何解决？

Answer 1

之前我从未听说过这个插件，但在我看来，该插件只会为您创建指定数量的页面链接，但它不会自动显示和/或隐藏您网站的内容。这是你第一次使用这个插件吗？对我来说，看起来你的选择器.clients_wrapper被发现了X次，所以X分页栏是由插件生成的。我认为该插件有效，但它并没有按照您的预期执行。