jQuery .animate () marginLeft ne fonctionne pas dans IE8 et inférieur – argument invalide

J’ai un problème spécifique à IE. Sur le côté positif, cela fonctionne bien sur tous les autres navigateurs.

Le problème se produit lorsque vous cliquez sur l’image .close_button_page qui doit exécuter la fonction animate simple, en déplaçant le div vers la gauche.

Dans IE 8 et inférieur, il est simplement indiqué un argument invalide dans la console. J’ai trouvé des problèmes comme celui-ci en ligne, mais aucun ne résout le problème.

Remarque: Il y a beaucoup d’autres bogues dans IE ( z-index etc.) pour le moment, alors ignorez-le.

HTML:

 

Our process

Even smaller title to this section

Dummy text to show that this is the home of Dukelease and that this site is of the utmost quality and will provide hours of fun by flicking through images.

CSS:

 #content-left { -webkit-box-shadow:#000000 1px 1px 5px; border-top-color:#FFFFFF; border-top-style:solid; border-top-width:3px; box-shadow:#000000 1px 1px 5px; float:left; padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:10px; position:relative !important; width:230px; z-index:10; } style.css (line 562) #content-left, .bg_white { background-color:rgba(255, 255, 255, 0.949219); } 

JavaScript:

 $(".close_button_page").click(function(){ $('#content-left').animate({ marginLeft: '-260px' }, 1300, function(){ $('.open_button_page').fadeIn(1000); }); }); 

Essayez de remplacer ceci:

 $(".close_button_page").click(function(){ $('#content-left').animate({ marginLeft: '-260px' }, 1300, function(){ $('.open_button_page').fadeIn(1000); }); }); 

avec ça:

 $(".close_button_page").click(function(){ $('#content-left').toggle('slide'); }); 

Testé ici http://jsfiddle.net/ollie101/RuVZ3/5/