Question

我目前有一个附加到后退按钮的jQuery动画，我使用bind命令阻止在动画完成之前加载下一页。遗憾的是，即使使用bind命令，动画仍然会很快被切断。有没有办法确保动画完全播放，或者在下一页加载之前动画之后添加延迟或暂停？

继承我的jQuery：

    $(document).ready(function () {
        $(".back").click(function () {
            $(".back")
                .addClass('magictime vanishOut')
                .bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function () {});
        });

});

Answer 1

我打赌，页面转换是后备元素点击事件的默认操作。您需要阻止默认操作，然后在动画结束回调中触发页面转换。

$(document).ready(function () {
    $(".back").click(function (e) {
        e.preventDefault();
        $(".back")
            .addClass('magictime vanishOut')
            .bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd",
            function () {
                // TODO fire off the page transition
            }
        );
    });
});

让我知道它是如何运作的。

动画后的jQuery延迟

1 个答案: