jquery - 运行动画然后更改页面 - jquery

Question

我正在尝试构建一个脚本，以防止链接立即更改页面并首先运行动画。这是我到目前为止所拥有的：

$('a').click(function(event){
    event.preventDefault();

    $('#nav-bar').animate({
        left:'-260'
    }, 1500, function(){
//want to use callback function to load the page....
            $(this).attr('href') what next?

        }
    );

我想重建默认事件并在回调函数中触发。是否有捷径可寻？谢谢

Answer 1

用于window.location.href导航所需的页面，您还必须保存对单击的链接的引用，以便您可以在动画回调中使用它。

$('a').click(function(event){
    event.preventDefault();
    var self = this;
    $('#nav-bar').animate({
        left:'-260'
    }, 1500, function(){
            window.location.href = self.href;
        }
    );

Answer 2

设置window.location为href

$('a').click(function(event){
    event.preventDefault();
    var href = this.href;

    $('#nav-bar').animate({
        left:'-260'
    }, 1500, function(){
        //want to use callback function to load the page....
        window.location = href;
    }
);