0

サイトに無限スクロール機能を作成しようとしていますが、うまくいきません。私のコード:

var post = {}
post.load_moreBtn = $('#home_load_more');
if($(window).scrollTop() + $(window).height() == $(document).height()) {
    post.load_moreBtn.trigger('click');
}
post.load_moreBtn.on('click', function () {
    $(this).html('<img src="' + base_url + 'images/core/loader2.gif"/>');
    post.load_more_messages($(this).attr('data-last_id'));
});

トリガーの代わりにアラートを配置すると機能し、スクロール検出ビットを削除すると、負荷がさらに正常に機能します。オートロードできないので、助けてください。

4

1 に答える 1

1

jQuery を使えば簡単です。

$(function(){ //on document ready
    $(document).scroll(function (e) { //bind scroll event

        var intBottomMargin = 300; //Pixels from bottom when script should trigger

        //if less than intBottomMargin px from bottom
        if ($(window).scrollTop() >= $(document).height() - $(window).height() - intBottomMargin) {
            $("#home_load_more").click(); //trigger click
        }

    });
});

私はこれを

于 2013-01-17T14:22:26.373 に答える