JQuery页面动态加载

Question

我搜索jquery页面加载。

我一直面对的人使用类似的东西

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

他们设置超时3000。然而，有一个possibilty该页面无法在3秒后loadded。

有没有办法动态地做到这一点？

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