$. post jquery 요청에 지연 추가하기

Question

양식의 모든 체크 박스 변경에 대해 jquery $. post 요청을 보냅니다. 내가 원하는 것은 사용자가 여러 개의 쓸모없는 요청을 피하기 위해 하나 이상의 확인란을 빠르게 검사하는 경우 $. post를 500ms 동안 지연시키는 것입니다.

여기

var delay = (function(){ 
    var timer = 0; 
    return function(callback, ms){ 
    clearTimeout (timer); 
    timer = setTimeout(callback, ms); 
    }; 
})(); 

$(document).ready(function() { 

    $('.checkbox').change(function() { 

     delay(function(){        
      $.post("/?page_id=4", $("#selectors").serialize(), function(data){ 
       $('#results').html(data); 
      }); 
     }); 

    }, 1000); 

}); 

이 작동하지 않는 이유 어떤 생각 ...이 $ .post 기능을 제외한 모든 작업을 보인다에서는 setTimeout 기능을 추가 한, 내 코드입니까?

Answer 1

Live example

을이 :

$('.checkbox').change(function() { 

    delay(function(){        
     $.post("/?page_id=4", $("#selectors").serialize(), function(data){ 
      $('#results').html(data); 
     }); 
    }); 

}, 1000); 

는해야한다 : 나는 보통 그런에서는 setTimeout 사용

$('.checkbox').change(function() { 

     delay(function(){  
      alert('post');    
      $.post("/?page_id=4", $("#selectors").serialize(), function(data){ 
       $('#results').html(data); 
      }); 
     }, 1000); 

    }); 

Answer 2

jQuery를 이미 지연 기능이 있습니다

$(window).delay(500).queue(function() { 
    $.post({}); 
});