Question

我正在加载facebook likebox onscroll。但每次我向上/向下滚动ajax都会被解雇。我希望ajax只开一次。这是我的代码：

jQuery(document).ready(function() {
    jQuery(window).scroll(function() { 
        var scroll = jQuery(window).scrollTop();

        if (scroll <= 770) {
      jQuery.get('ajax/facebook.html', function(data) { jQuery('.fblikeajax').html(data);});
        }

    }); 
});

Answer 1

使用JQuery的on()和off()

$(document).on("scroll", scrollcheck);

var scrollcheck = function () {
    var scroll = jQuery(window).scrollTop();
    if (scroll <= 770) {
        jQuery.get('ajax/facebook.html', function (data) {
            jQuery('.fblikeajax').html(data);
        });
        $(document).off("scroll", scrollcheck);
    }
}

Answer 2

您可以添加一个变量来检查ajax是否已被触发：

jQuery(document).ready(function() {
    var ajax_fired = false;
    jQuery(window).scroll(function() { 
        var scroll = jQuery(window).scrollTop();

        if ((scroll <= 770) && !ajax_fired) {
            ajax_fired = true;
            jQuery.get('ajax/facebook.html', function(data) {
                jQuery('.fblikeajax').html(data);

            });
        }

    }); 
});

Answer 3

在事件监听器触发后取消绑定：

jQuery(document).ready(function() {
    var scrollHandler = function() { 
        var scroll = jQuery(window).scrollTop();

        if (scroll <= 770) {
      jQuery.get('ajax/facebook.html', function(data) { jQuery('.fblikeajax').html(data);});
        }
        $(window).unbind('scroll', scrollHandler);
    }
    jQuery(window).scroll(scrollHandler); 
});

我没有测试过那段代码，但它应该非常接近。

仅执行一次ajax调用

3 个答案: