JQueryページの動的ロード

Question

jqueryページの読み込みを検索します。

は、私はいつもページは3秒後にloaddedできなかったことpossibiltyがあり、人々は彼らがタイムアウト3000 .Howeverを設定し、その

jQuery("#popup").fadeIn(4000); //function to redirect the page after few seconds 
          window.location.replace("http://"+a_href); 
         }, 3000) 

のようなものを使用することに直面しています。

これを動的に行う方法はありますか？

Answer 1

3秒が十分に長いかどうかを予測する必要はありません。callback functionを使用するだけで、要素がロードされるまでフェードインされないようにすることができます。

また、window.location.replace()はコンテンツをポップアップに読み込まないため、ウェブページ全体がこの新しい場所に変更されます。代わりにjQuery Load（$.load()）を使用してください。

したがって、フェードアニメーションを3秒間続ける必要はありません。あなたは好きなように長く/短いアニメーションにすることができます。私の例では、これを0.3秒に減らしました。

利用代わりに以下：

var $popup = $("#popup"); 
$popup.fadeOut(300, function(){ 
    $popup.load("http://"+a_href, function(){ 
     $popup.fadeIn(300); 
    }); 
});