0

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

<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 分页插件来选择我的页面链接列表

我在我的项目脚本中添加了 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>

但结果我得到了这个
在此处输入图像描述

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

4

1 回答 1

1

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

于 2013-09-04T13:36:08.483 回答