Animer pour onclick sur le bouton soumettre ne fonctionne que dans FF (pas IE ni OP)

Question

Est-ce que quelqu'un sait pourquoi le code suivant n'a d'effet que dans FF?

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

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

Answer 1

*** Mise à jour ****

Exemple ici http://pastebin.me/4937b07714655 de 1 'option qui consiste à tenir un compte des messages et exécuter le rappel d'animation que le dernier message.

---

pourquoi ne vous retournez faux à partir du clic ou event.preventDefault() et dans le rappel d'animation soumettre le formulaire

$(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

Essayez d'ajouter 'return false;' à votre fonction de clic. J'ai mis en place une démo on my site et cela fonctionne très bien dans IE6 et Opera.