$（“form”）。submit（function（）{在Firefox中不起作用

$("form").submit(function() { if ($("#content") != null) { $("#content").replaceWith('
We are running as fast as our little ninja feet can go...
'); } return true; }); 

以上在Chrome上运行正常，但在Firefox上不起作用。 不知道为什么但是在Firefox中，表单实际上并未提交。 div替换有效但对提交没有爱，页面只是闲置。

这里的目的是捕获任何表单的提交并将一个微调器（CSS而不是图像）抛到页面上，直到返回post / put并且微调器被页面重载（非ajax）上的实际内容div擦除。

之前：

后：

代码已删除（现在显示的post）：

   
  
 
Email
 
 
 
Password
 
 
   
  
 
 
 
   
  
  
 Forgot your password?
 Didn't receive confirmation instructions?
 Didn't receive unlock instructions?
 
 
 
  

  $(document).ready(function () { App.init(); $("form").submit(function(){ if ($("#content") != null) { $("#content").replaceWith('
We are running as fast as our little ninja feet can go...
'); } return true; alert("Submitted"); }); }); $(function () { var hash = window.location.hash; hash && $('ul.nav a[href="' + hash + '"]').tab('show'); }); 

更新：

好吧我是个白痴，但出于某种原因，这并不是我的想法。 发生的事情是#content div包含我要替换的表单。 所以我的神秘之处在于为什么在Chrome / IE中而不是在Firefox中有效？

如果我使用以下它可以工作但我得到一些悬空forms元素：

 $("form").submit(function(){ if ($("#content") != null) { $("#content").append('
We are running as fast as our little ninja feet can go...
'); } return true; }); 

Answer 1

我建议您设置输入类型提交，然后单击，然后您可以执行您的代码。

 $("#submit_form_id").on("click", function(e){ e.preventDefault(); //your specific code $("#formId").submit(); }); 

它会很好用！

Answer 2

试试这个，

 $(document).ready(function(){ $("form").submit(function(){ if ($("#content") != null) { $("#content").replaceWith('
We are running as fast as our little ninja feet can go...
'); } return true; alert("Submitted"); }); });