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);           
    });
};
È stato utile?

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
scroll top