jQuery fadeout在.submit（）

Question

下面的代码是为了防止双击提交，它似乎工作。它可以防止双重提交数据，但是fadeOut不会被执行。有人知道为什么提交后，提交按钮，如果按下将导致fadeOut执行。

$("#form1").submit(function() { 
    $("#form1Submit").click(function(event){ 
     event.preventDefault(); 
     $("#form1Submit").fadeOut("slow"); 
    }); 
}); 

Answer 1

淡出不是因为在提交#form1点击事件才会被绑定到#form1submit执行。第一次点击提交按钮时，表单被提交，然后事件被绑定。 （如果表单只是做回发，事件将永远不会被束缚由于页面刷新）

你可以简单的交换submit和click，一旦点击提交按钮，该按钮变淡，然后继续到表格提交。

$("#form1Submit").click(function(event) { 
    event.preventDefault(); 
    $(this).fadeOut("slow", function(){ 
     //Once button has faded, invoke the form submission 
     $("#form1").submit(); 
    }); 
});