javascript - 提交时，做动画并等待完成，然后提交

Question

$('form').submit(function(e) {

    e.preventDefault();

    $('.thing').fadeOut('slow', function() {

        $('form').submit();

    });

});

你看到这里的困境了吗？我试图在提交表单时淡出一个 div，然后等待动画完成，然后实际提交表单。

但是一旦我阻止了默认行为，为 div 设置动画，然后尝试提交表单，脚本循环返回，点击 preventDefault() 并避免再次提交。

我会为初始事件使用 onClick，但我也想按回车键来工作。这可能吗？谢谢!

Answer 1

您可以在触发后删除提交绑定(bind)。

$('form').submit(function(e) {
    e.preventDefault();
    $('form').off();
    $('.thing').fadeOut('slow', function() {
        $('form').submit();
    });
});