JQuery ne fonctionne pas en chrome?

Question

J'ai un code ici qui fonctionne parfaitement dans Firefox, mais pas en chrome ou IE,

mon javascript est donc

 
` 
$(document).ready(function() { 
       $("#clientLoginPop").show();         
       $("#clientLoginPop").animate({"left": "-=400px"}, "fast"); 
       }); 
       $("#clientLoginCloseLink").click(function() { 
       $("#clientLoginPop").animate({"left": "+=400px"}, "fast"); 
       }); 
       $("#contactUsPopLink").click(function() { 
       $("#contactUsPop").show(); 
       $("#contactUsPop").animate({"left": "-=437px"}, "fast"); 
       }); 
       $("#contactUsClose").click(function() { 
       $("#contactUsPop").animate({"left": "+=474px"}, "fast"); 
       }); 
}); 
` 

et enfin le css de la div qui ressemble à cela, je pense plutôt important encore, il est aligné à droite du navigateur: (le login client div ressemble juste une hauteur différente)

 
` 
#contactUsPop 
{ 
    width:437px; 
    right:-437px; 
    margin-top:220px; 
    position:fixed; 
    height:217px; 
    background-color:white; 
    z-index:2; 
} 
` 

donc ce qui se passe dans Firefox est le div anime à gauche et puis quand il ferme se déplace vers la droite . quand en chrome la div ne semble pas apparaître du tout?

l'URL du site est la suivante:

http://clearcreativegroup.com/devcorner/clear3/

les onglets sont sur le côté droit du navigateur, des conseils aiderait tonnes, je vous remercie!

Answer 1

$("#clientLoginPop").animate({"right": "+=400px"}, "fast"); 

Answer 2

Je pense que Chrome et Firefox l'interprètent différemment lorsque vous affectez à la fois une propriété left et right. Essayez d'animer la propriété right ou de la supprimer avant d'animer left.

Answer 3

En chrome ... Au premier clic sur l'ancrage, il apparaît à l'extrême gauche de la fenêtre et se déplace vers la gauche.

Avez-vous essayé de définir les propriétés gauche/droite sur une valeur spécifique au lieu de l'ajouter ou de la soustraire?

ex:

$("#clientLoginPop").animate({"left": "-1000px"}, "fast"); 

apparié à

$("#clientLoginPop").animate({"left": "400px"}, "fast"); 

Answer 4

J'utilise habituellement CSS float, ou position: absolute; pour ajuster l'interface web.

à l'aide de la position CSS: absolue efficacement, utilisez la position: relative sur le bloc parent.

c'est une belle référence pour créer login like twitter.