ajax 호출을 한 번만 실행하십시오.

Question

페이 스북 Likebox onscroll을로드 중입니다. 하지만 위아래로 스크롤 할 때마다 아약스가 해고되고 있습니다. 나는 아약스가 한 번만 발사되기를 바란다. 이 화재 후

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

      }); 
     } 

    }); 
});