jQuery - .delay()를 사용하여 .load()를 연기 하시겠습니까?

Question

jQuery의 .delay() 메소드 (v 1.4.2)를 사용하여 다음 .load() 메소드를 지연시키려는 문제가 생겼습니다. 그래서 같이

:

$('myElement').delay(500).load('myPage.php'); 

단지 .delay을 무시하는 것 같다(). 그 우아 아니라,

setTimeout(function(){ 
    $('myElement').load('myPage.php'); 
}, 500); 

그러나 :

나는 evenutally과 같이 작업 주위에 알아 냈어요. 다른 누구든지이 문제를 해결하고 더 나은 해결책을 찾았습니까?

감사합니다.

Answer 1

예, load()^(docs) 메서드가 자동으로 대기열에 없기 때문에 delay()^(docs) 메서드는 무시됩니다. 당신이 queue()^(docs) 방법을 사용하여 큐에 load() 호출을 추가하는 경우가 기술적으로 .delay() 그것을 달성 할 수 있었다 불구하고 setTimeout

은 아마 당신의 최선의 선택입니다.

$('myElement').delay(500).queue(function(nxt) { 
    $(this).load('myPage.php'); 
    nxt(); 
}); 

기능이 대기열에 추가됩니다. 그런 다음 함수의 매개 변수를 호출하여 큐를 비워야합니다. 이를 수행 할 수있는 dequeue()^(docs) 메서드가 있습니다. 당신이 jQuery를 타이머를 사용하는 경우

Answer 2

여기가 다시 변색 다음에 새로운 내용을로드 한 후, 사업부를 페이드 아웃, 그리고 내 솔루션입니다 당신이

$('myElement').oneTime(500, function() { 
    $(this).load('myPage.php'); 
}); 

Answer 3

을 할 수있는 플러그인. 이건 정말 AJAX를 위해 유용합니다 예를 들어 검색 결과를 불러 오기위한 호출.

$('.search').keyup(function(){ 
    var query= $(this).val(); 
    $('.results').fadeOut('300'); 
    setTimeout(function(){ 
     $('.results').load('search.php?search=' + query, function() { 
      $('.results').fadeIn('300'); 
     }) 
    }, 300); 
    return false; 
});