Animate per onclick sul pulsante di invio funziona solo in FF (non IE né OP)
-
22-07-2019 - |
Domanda
Qualcuno sa perché il seguente codice ha effetto solo in FF?
$(document).ready(function() {
$('#powerSearchSubmitButton').click(function() {
startLoad();
});
});
function startLoad() {
$('.message').each(function(i) {
$(this).animate({ opacity: 0 }, 500);
});
};
Soluzione
*** Aggiornamento ****
Esempio qui http://pastebin.me/4937b07714655 di 1 opzione che deve tenere un conto di i messaggi ed esegui il callback di animazione solo sull'ultimo messaggio.
perché non si restituisce false dal clic o event.preventDefault () e nel callback di animazione inviare il modulo
$(document).ready(function() {
$('#powerSearchSubmitButton').click(function(ev) {
startLoad();
ev.preventDefault();
});
});
function startLoad() {
var $messages=$('.message');
var count=$messages.length -1;
$messages.each(function(i) {
$(this).animate({ opacity: 0 }, 500, i == count ? submitForm:null);
});
};
function submitForm(){
$('#yourForm').submit();
}
Altri suggerimenti
Prova ad aggiungere "return false;" alla tua funzione clic. Ho creato una demo sul mio sito e funziona perfettamente in IE6 e Opera.
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow