1. Accueil
  2. Question et réponse
  3. jQuery .innerWidth() donnant différentes valeurs dans différents navigateurs

jQuery .innerWidth() donnant différentes valeurs dans différents navigateurs

2010-12-09 9 views
2

J'essaie de créer une galerie d'images à l'aide du widget curseur de l'interface utilisateur jQuery. Mon code me demande de trouver la largeur interne d'une liste non ordonnée. Dans Firefox, IE et Opera, j'obtiens une valeur de 2193px pour cela, mais dans Chrome cette valeur est de 44px!jQuery .innerWidth() donnant différentes valeurs dans différents navigateurs

Lorsque je code dur 2193px dans la largeur de l'UL, cela fonctionne correctement dans Chrome.

est ici un lien vers le code Slider Test

Source

2010-12-09 splatio

Répondre

2

Je serais intéressé par cette réponse aussi ... Parfois, j'ai trouvé que les scripts peuvent exécuter avant que les images sont chargées dans le navigateur. Cela entraîne des valeurs différentes, car les largeurs ne sont pas encore établies. Essayez de placer la hauteur et la largeur dans une étiquette de style pour chaque image, et voyez si cela fonctionne.

Source

2010-12-09 18:21:04 mikesir87

+0

Brillant! Ajout de valeurs de hauteur et de largeur à chaque image et le problème a été résolu. Je vous remercie! – splatio

+0

Safari et Chrome (Webkit) peuvent déclencher l'événement document onload prématurément (avant que la page ne soit chargée de manière asynchrone, entre autres). Ainsi, vous finissez par ne pas connaître les tailles de certaines images et de leurs conteneurs immédiatement après le chargement de la page. Vous devez attendre le chargement de l'image avant que le navigateur ne recalcule le flux de la page. Donc Mike a raison sur votre script ne connaissant pas les tailles dans le temps. – DaveS

Questions connexes

 Questions connexes