提交后，制作動畫並等待完成，然后提交

Question

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

    e.preventDefault();

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

        $('form').submit();

    });

});

你看到這里的困境了嗎？ 我試圖在提交表單時淡出div，然后等待動畫完成，然后實際提交表單。

但是一旦我阻止了默認行為，就給div設置動畫效果，然后嘗試提交表單，腳本將循環返回，並preventDefault()並避免再次提交。

我將使用onClick進行初始事件，但我想按Enter鍵也可以正常工作。 這可能嗎？ 謝謝！

Answer 1

您可以在觸發提交綁定后將其刪除。

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

Answer 2

您可以使用：

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

綁定然后取消綁定