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 ページネーション プラグインを使用して、ページリンクのリストを選択したい

プロジェクト スクリプト 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>

しかし、結果として私はこれを得ました
ここに画像の説明を入力

私のコードで何が間違っていますか?
修正方法は?

4

1 に答える 1