-1

カスタム jQuery 無限スクロール スクリプトがあります。

jQuery(document).ready(function() {
    var footer = jQuery('.pagination'),
    opts = {
        offset: '100%'
    };
    footer.waypoint(function(event, direction) {
        footer.waypoint('remove');
        jQuery.get(jQuery('.pagination-next a').attr('href'), function(data) {
            var data = jQuery(data);
            jQuery('#timeline').append(data.find('.timeline-item'));
            footer.waypoint(opts);
        });
    }, opts);
});

ビューポートを検出するためにウェイポイントプラグインを使用しています。私の問題は次のとおりです。attrデータページからhrefしたいのですが、私のコードhrefは同じページを形成し、現在のページでリンクが同じになるたびにattr同じコンテンツをロードします。.pagination-next aデータページから次のリンクを取得できれば、.pagination-next a問題は解決します。

4

1 に答える 1

0

.pagination-next a次のデータ ページもロードされていますか? その場合は、以前の次のリンクを削除すると問題が解決すると思います。私の推測では、ページにはまだ複数の次のリンクがあり、jQuery.get呼び出しはjQuery('.pagination-next a')コレクションに存在する最初のリンク (古いリンク) を使用します。

次のように簡単だと思います。

footer.waypoint(function(event, direction) {
    footer.waypoint('remove');
    jQuery.get(jQuery('.pagination-next a').remove().attr('href'), function(data) {
        jQuery('#timeline').append(jQuery(data).find('.timeline-item'));
        footer.waypoint(opts);
    });
}, opts);
于 2012-12-10T02:49:44.237 に答える