Question

我搜索jquery页面加载。

我总是面对人们使用类似的东西

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

他们设置超时3000.但是，有可能在3秒后页面无法加载。

有没有办法动态地执行此操作？

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

JQuery页面动态加载

1 个答案: