javascript blockUI ne fonctionne pas dans firefox lorsque soumettre le formulaire

J'ajoute jquery.blockUI.js à ma page html et je l'ai utilisé dans le script. Ma page HTML est:javascript blockUI ne fonctionne pas dans firefox lorsque soumettre le formulaire

Ceci ne fonctionne pas dans la version Firefox 50.1.0. Lorsque je l'utilise dans le bloc de soumission, cela ne fonctionnera pas. J'ai essayé la méthode onclick dans le bouton.

<button type="submit" class="btn btn-default btn_red" id="btnSubmit" onclick="testing()">Submit</button> 
<script> 
    function testing() { 
     $.blockUI({ message: '<h4><img src="/image/gears.gif" />Please wait...</h4>' }); 
    } 
</script>

Cela n'a pas fonctionné. Enfin, j'ai essayé cela aussi,

$("#btnSubmit").click(function(){$.blockUI({ message: '<h4><img src="/image/gears.gif" />Please wait...</h4>' }); 
});

Cela ne fonctionne pas aussi dans firefox. Mais a travaillé dans Chrome. Alors s'il vous plaît donnez-moi une solution pour l'exécuter sur Firefox. Je crée un projet python django et je ne peux pas continuer mon projet sans le faire.

Merci

Source

2017-01-25 bob marti

Êtes-vous en mesure de voir des erreurs de la console javascript? Si c'est le cas, collez la même chose .. –

@AbijithMg Aucune erreur –

Essayez d'inclure en haut du fichier html. –

Votre premier extrait de code semble avoir erreur, il manque fin de document.ready(). Aussi avez-vous essayé d'empêcher la soumission par défaut sur le formulaire.

J'ai testé cela avec preventDefault() et semble fonctionner sur firefox et chrome. Withount preventDefault() il devrait y avoir une erreur sur la console après soumettre.

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
</head> 
 
<body> 
 
<form class="form-horizontal" role="form" id="form" method="POST" > 
 
    <button type="submit" class="btn btn-default btn_red" id="btnSubmit">Submit</button> 
 
</form> \t 
 
<script src="https://code.jquery.com/jquery-3.1.0.js"></script> 
 
<script src="http://malsup.github.io/jquery.blockUI.js"></script> 
 
<script type="text/javascript"> 
 
$(document).ajaxStop($.unblockUI); 
 
$(document).ready(function(){ 
 
$("#form").submit(function(e){ 
 
\t e.preventDefault(); 
 
\t $.blockUI({ message: '<h4><img src="/image/gears.gif" />Please wait...</h4>' }); 
 
}) 
 
}) 
 
</script> 
 
</body> 
 
</html>

Source

2017-03-28 11:27:39 azs06

cela ne fonctionne pas –

quand je cours ce que j'ai eu une erreur –

Pourriez-vous partager l'erreur que vous obtenez, il semble fonctionner sur mon extrait. – azs06

javascript blockUI ne fonctionne pas dans firefox lorsque soumettre le formulaire

Répondre

Questions connexes