jquery - 只执行一次ajax调用

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

使用 JQueryon()和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); 
}); 

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