1

このページングプラグインを自分のWebサイトで正しくアクティブ化しようとしています：http：//listjs.com/examples/paging.html。アクティブですが正しく機能していません。リストの結果は3つしか表示されておらず、次のページに移動するためのナビゲーションは表示されていません。あなたはここでそれを見ることができます：http：//bluebeam.com/us/support/articles/list.asp

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">

    /*
    * LOVELY THINGS
    */
    var options = {
        valueNames: [ 'name', 'description', 'category' ],
        page: 3,
        plugins: [ [ 'paging' , {
                innerWindow: 1,
                left: 2,
                right: 3} ] ]
    };

    var featureList = new List('support-articles', options);

    $('#filter-install').click(function() {
        featureList.filter(function(item) {
            if (item.values().category == "Common Solutions") {
                return true;
            } else {
                return false;
            }
        });
        return false;
    });

    $('#filter-revu').click(function() {
        featureList.filter(function(item) {
            if (item.values().category == "Revu") {
                return true;
            } else {
                return false;
            }
        });
        return false;
    });

    $('#filter-plugins').click(function() {
        featureList.filter(function(item) {
            if (item.values().category == "Plug-ins") {
                return true;
            } else {
                return false;
            }
        });
        return false;
    });

    $('#filter-printer').click(function() {
        featureList.filter(function(item) {
            if (item.values().category == "PDF Printer") {
                return true;
            } else {
                return false;
            }
        });
        return false;
    });

    $('#filter-admin').click(function() {
        featureList.filter(function(item) {
            if (item.values().category == "Administrator") {
                return true;
            } else {
                return false;
            }
        });
        return false;
    });
    $('#filter-3rd-party').click(function() {
        featureList.filter(function(item) {
            if (item.values().category == "3rd Party") {
                return true;
            } else {
                return false;
            }
        });
        return false;
    });
    $('#filter-video').click(function() {
        featureList.filter(function(item) {
            if (item.values().name == "Video") {
                return true;
            } else {
                return false;
            }
        });
        return false;
    });
    $('#filter-article').click(function() {
        featureList.filter(function(item) {
            if (item.values().name == "Article") {
                return true;
            } else {
                return false;
            }
        });
        return false;
    });
    $('#filter-none').click(function() {
        featureList.filter();
        return false;
    });


</script>

私は何が間違っているのですか？

4

1 に答える 1

0

<ul class="paging"></ul>コンテナ div 内に欠落していました。

于 2014-01-21T18:18:49.287 に答える