用fadeIn-jQuery替换attr链接
当我点击那个链接时,我正试图进入新的加载页面。我在jQuery下面尝试了。当前页面淡出可以工作,但淡出不适用于新加载的页面用fadeIn-jQuery替换attr链接,jquery,Jquery,当我点击那个链接时,我正试图进入新的加载页面。我在jQuery下面尝试了。当前页面淡出可以工作,但淡出不适用于新加载的页面 $('.navbar ul li a').click(function(e) { $('.navbar').animate({'width': 'toggle'}); e.preventDefault(); var link = $(this).attr("href"); var destination = $(this)
$('.navbar ul li a').click(function(e) {
$('.navbar').animate({'width': 'toggle'});
e.preventDefault();
var link = $(this).attr("href");
var destination = $(this).data("link");
$("body").fadeOut(1000,function(){
window.location.replace(link);
}).fadeIn();
});
这是一个逻辑问题:
window.location.replace(link);
加载一个新页面,使其之后的所有代码都不会被执行(包括.fadeIn()
)
也许你必须找到一种不同的方法来替换你体内的内容,而不是替换整个页面,你必须在加载时将fadein JS应用到新页面。为此,它需要将
opacity:0
应用于它的主体(通过CSS),然后可以将主体转换为完全可见
如果fadein仅在来自上一页时发生,则可以在加载时检查的链接URL中使用
GET
参数。如果有,请应用不透明度转换,如果没有,请立即在脚本中将不透明度更改为1。您好,谢谢您的回复。我希望新页面应该加载fadeIn效果。