javascript - 加载前/加载后的 jQuery 动画顺序

Question

我试图在加载新内容之前将主容器#main向上滑动，然后在加载完成后再次向下滑动。这似乎在第一次点击时有效，但在后续点击中，内容会在 slideUp 和 slideDown 动画开始之前立即加载。

$("#access a").address(function() {  
    $("div#main").slideUp(1111).delay(1200).load($(this).attr('href') + ' #menudropdown, #contentbody', function(){  
        $("div#main").slideDown(1111);          
    });

    var current = location.protocol + '//' + location.hostname + location.pathname;
    if (base + '/' != current) {
        var diff = current.replace(base, '');
        location = base + '/#' + diff;
    }
});

Answer 1

你尝试过吗:

$("#access a").address(function() {
    var mainDiv = $("div#main");
    var loadLink = $(this).attr('href');
    mainDiv.slideUp(1111,function(){
        mainDiv.load( loadLink + ' #menudropdown, #contentbody', function(){  
            mainDiv.slideDown(1111);
        });       
    });
    // your other code
});