$ (“Formulaire”). Submit (function () {ne fonctionne pas dans Firefox

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

Ce qui précède fonctionne bien sur Chrome mais ne fonctionne pas sur Firefox. Vous ne savez pas pourquoi mais dans Firefox, le formulaire n’est pas réellement envoyé. La div remplace des œuvres mais pas d’amour sur le soumettre, la page rest inactive.

Le but ici est de capturer une soumission de n’importe quelle forme et de jeter une roulette (CSS pas une image) sur la page jusqu’à ce que le post / put soit retourné et que la roulette soit effacée par le contenu div affiché sur la page reload (non ajax) .

Avant:

Avant

Après:

Après

Code supprimé (le message apparaît maintenant):

Code supprimé

 
   

  $(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'); });

METTRE À JOUR:

Ok, donc je suis un idiot, mais pour une raison quelconque, cela ne m’a pas traversé l’esprit. Qu’est-ce qui se passe est que la div #content comprend la forme que je remplace. Donc, le mystère pour moi est de savoir pourquoi cela a fonctionné dans Chrome / IE et non dans Firefox?

Si j’utilise ce qui suit, cela fonctionne mais j’obtiens des éléments de formulaire pendants:

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

Je vous conseille de définir un type d’entrée submit et sur click, vous pourrez alors exécuter votre code.

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

Et ça marchera bien!

essaye ça,

 $(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"); }); });