只執行一次ajax呼叫一次

Question

我正在加載facebook likebox onscroll。但每次我向上/向下滾動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

解除綁定事件偵聽器它激發後：

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); 
}); 

我沒有測試的代碼，但它應該是八九不離十。

Answer 3

如果阿賈克斯已經被解僱，你可以將檢查添加一個變量：

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); 

      }); 
     } 

    }); 
});