时间戳

首页 > 解决方案 > 用淡入淡出替换 attr 链接 - jQuery

jquery - 用淡入淡出替换 attr 链接 - jQuery

问题描述

单击该特定链接时，我正在尝试淡入新的加载页面。我在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();
});

标签： jquery

解决方案

这是一个逻辑问题：

    window.location.replace(link);

加载一个新页面，因此它之后的每个代码都不会被执行（这包括.fadeIn()）

也许你必须找到一种不同的方式来替换你体内的内容，而不是替换整个页面

推荐阅读