jQuery分页插件不起作用

海德尔

我的页面上有很长的物品清单

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

我在项目脚本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>

但结果我得到了这个
在此处输入图片说明

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

一月

我以前从未听说过该插件,但是在我看来,该插件仅为您创建指定数量的页面链接,但不会自动显示和/或隐藏您的网站内容。这是您第一次使用此插件吗?在我看来,您的选择器.clients_wrapper被发现了X次,因此X分页栏是由插件生成的。我认为该插件可以运行,但是并不能实现您期望的功能。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章