jQuery problème de navigateur croisé

Question

J'ai ce code qui fonctionne très bien dans tous les navigateurs, mais pas IE6, et je ne sais pas pourquoi, quelqu'un peut-il faire la lumière sur ce sujet?

$("#handle").toggle( 
    function() { 
     $('#login').animate({ 
      marginTop: '0', 
     }, 1000); 
     $("#handle").addClass('opened'); 
     return false; 
    }, 
    function() { 
     $('#login').animate({ 
      marginTop: '-280', 
     }, 1000); 
     $("#handle").removeClass('opened'); 
     return false; 
    } 
); 

Answer 1

Vous avez des virgules de fin dans les littéraux d'objet transmis à animate(). IE ne supporte pas cela. Cela devrait fonctionner:

$('#login').animate({ 
    marginTop: '0' //No comma, can you see it? 
}, 1000); 

Answer 2

Oui, je suppose que je peux.

L'EVIL COMMA vous a GOT !!

marginTop: '0', // remove comma 

et

marginTop: '-280', // remove comma 

virgules sont un grand Trailing NoNo dans IE de.

Answer 3

devrait également pas être

"-280px" // added "px"