0

ページで無限スクロールを生成するために jquery-ias.min.js を使用していますが、プラグインは何も表示しません。「ロードするページが残っていません」というメッセージだけですか? 私はこのコードを使用しています。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="/_layout/js/jquery-ias.min.js"></script>
<script type="text/javascript">
    var ias = $.ias({
        container: "#posts",
        item: ".post",
        pagination: "#pagination",
        next: ".next a"
    });
    ias.extension(new IASSpinnerExtension());
    ias.extension(new IASTriggerExtension({
        offset: 2
    }));
    ias.extension(new IASNoneLeftExtension({
        text: 'There are no more pages left to load.'
    }));
</script>
4

1 に答える 1

0

応答there are no more pages left to loadは、次のページが存在しないことを意味します。セレクター ( ) が正しい
かどうかを確認してください。リンクを取得していない可能性があります。セレクターが正しい場合は、次のページに対するサーバーの応答を確認してください。 next.next a


HTML を 更新します。

<div id="pagination"> 
    <a class="" href="/highlights-1" >2</a> 
    <a class="next" href="/page2.html" >1</a> 
</div>

次のリンクを取得するためのセレクターが無効です。試してみると$('.next a')、結果は空の配列になります。正解は.next.
初期化を次のように変更します。

var ias = $.ias({
    ...
    next: ".next"
});
于 2014-11-12T11:00:13.973 に答える