jQuery - .load（）を延期するために.delay（）を使用していますか？

Question

jQueryの.delay（）メソッド（v 1.4.2）を使用して、次の.load（）メソッドを遅延させようとすると、問題が発生しました。そのよう

：

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

ちょうど（）.delayを無視しているようです。

私はevenutallyそうのような回避策を考え出した：それはエレガントではありません、

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

しかし。他の誰かがこの問題にぶつかり、よりよい解決策を見つけましたか？

ありがとうございました。

Answer 1

load()^(docs)メソッドが自動的にキューに入れられないため、delay()^(docs)メソッドは無視されます。あなたがqueue()^(docs)メソッドを使用して、キューにload()の呼び出しを追加する場合は、技術的に.delay()でそれを達成することができても

setTimeoutは、おそらくあなたの最良の選択肢です。

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

機能がキューに追加されます。キューを解放するには、関数のパラメータを呼び出す必要があります。これを達成できる方法はdequeue()^(docs)と呼ばれています。

Answer 2

あなたはjQueryのタイマーはあなたが

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

Answer 3

を行うことができますプラグインを使用する場合ここでは、その中に新しいコンテンツをロードし、その後、div要素をフェードアウトして、後ろにそれをフェージングに私のソリューションです。これは本当に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; 
});