.submit() 中的 jQuery 淡出

【问题标题】：jQuery fadeOut in .submit().submit() 中的 jQuery 淡出
【发布时间】：2013-03-04 12:51:48
【问题描述】：

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

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

【问题讨论】：

如果是为了防止重复提交，为什么不在第一次提交表单时将其淡出，而不是提交后尝试点击它？

标签： jquery fadeout preventdefault double-submit-prevention

【解决方案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();
    });
});

【讨论】：