Heidel
Heidel

Reputation: 3262

jQuery pagination plugin doesn't work

I have a long list of items on my page

<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>

and I'd like to use jQuery pagination plugin to select my list on pages link

I added in my project script ans css files and added this code on my page

<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>

but as result I got this
enter image description here

what's wrong in my code?
How to fix it?

Upvotes: 0

Views: 137

Answers (1)

Jan
Jan

Reputation: 1049

I never heard of this plugin before, but it seems to me that the plugin only creates a specified number of page links for you, but it does not automatically show and/or hide content of your site. Is it the first time you use this plugin? To me, it looks like your selector .clients_wrapper is found X times, so X pagination bars are generated by the plugin. I think the plugin works, but it does not do what you expected it to do.

Upvotes: 1

Related Questions