jquery等待.animate然后转到 anchor 位置

Question

我正在使用 jquery animate 将 div 滑出页面，这工作正常，但我想将 animate 更改为:

1. 只发生一次(因为如果有人双击它，div 就会回来)，并且
2. 等待动画完成，然后再执行 href。

这是执行 div 幻灯片的代码:

$(".choose").click(function(event) {
    var $contentDiv = $("#content");

    $contentDiv.stop().animate({
        marginLeft: parseInt($contentDiv.css('marginLeft'),10) == 0 ?
        $contentDiv.outerWidth() : 0
    });
});

Answer 1

您可以调用 event.preventDefault() 来阻止默认点击操作，然后通过使用回调在动画之后设置 location.href 来执行手动重定向。 ..

$(".choose").click(function(event) {
    var $contentDiv = $("#content");
    var redir = $(this).attr("href");

    $contentDiv.stop().animate({
        marginLeft: parseInt($contentDiv.css('marginLeft'),10) == 0 ?
        $contentDiv.outerWidth() : 0
    }, function() { location.href = redir; });

    event.preventDefault();
});