Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用fadeIn-jQuery替换attr链接_Jquery - Fatal编程技术网

用fadeIn-jQuery替换attr链接

用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)

当我点击那个链接时,我正试图进入新的加载页面。我在jQuery下面尝试了。当前页面淡出可以工作,但淡出不适用于新加载的页面

$('.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效果。