javascript - Jquery 回调函数无法重定向页面

Question

如何在动画运行后获取第二行的回调函数来重定向用户？我希望它重定向到“nav li a”的 href 中的链接。

如果我将回调保留为“”，则动画工作正常但什么也不做(如预期的那样)。但是，如果我放任何我认为会起作用的东西，它就会失败，而且大多数时候还会破坏第一行的工作。我只是想让页面从加载时的起始屏幕外位置(第一行)滑入。然后先滑出然后重新加载页面(第 2 行)。

$('section').animate({"left":"0px"}, 450);

$('nav li a').click(function () { $('section').animate({ "left": "1000px"}, 1000, "");
        return false;  
}); 

Answer 1

防止 anchor 默认操作，存储对 anchor 的引用作为 animate() 的回调创建一个新的范围，然后重定向:

$('section').animate({"left":"0px"}, 450);

$('nav li a').on('click', function(e) { 
    e.preventDefault();

    var self = this;

    $('section').animate({ "left": "1000px"}, 1000, function() {
         window.location.href = self.href;
    });
});