jQuery淡出在.submit（）中

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

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

---

淡出不会执行，因为在提交

#form1

时，单击事件才绑定到

#form1 submit

。第一次单击submit按钮时，表单被提交，然后事件被绑定。（如果表单只是回发，则由于页面刷新，事件将永远不会绑定）

您可以简单地交换

提交

和

单击

，一旦单击提交按钮，按钮就会消失，然后继续形成提交

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

---

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