Animieren für Onclick auf Submit-Button funktioniert nur in FF (nicht IE noch OP)

Question

Weiß jemand, warum nur die folgenden Code-Effekt in FF?

$(document).ready(function() {
    $('#powerSearchSubmitButton').click(function() {
        startLoad();
    });
});

function startLoad() {
    $('.message').each(function(i) {
        $(this).animate({ opacity: 0 }, 500);           
    });
};

Answer 1

*** aktualisieren ****

Beispiel hier http://pastebin.me/4937b07714655 von 1-Option, die eine Zählung zu halten ist die Nachrichten und nur auf der letzten Nachricht, die die Animation Rückruf ausgeführt werden.

---

warum nicht Sie return false von dem Klick oder Event.preventDefault () und in der Animation Rückruf senden Sie das Formular

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

Answer 2

Versuchen Sie, 'return false;' auf Ihre Klickfunktion. Ich habe eine Demo auf meiner Website und es funktioniert gut in IE6 und Opera.