Maison  >  Article  >  interface Web  >  Résoudre le problème de jQuery en obtenant dynamiquement la hauteur et la largeur du téléphone mobile screen_jquery

Résoudre le problème de jQuery en obtenant dynamiquement la hauteur et la largeur du téléphone mobile screen_jquery

WBOY
WBOYoriginal
2016-05-16 16:49:381350parcourir

Aujourd'hui, j'ai aidé un collègue à résoudre le problème de l'utilisation de jQuery pour obtenir une largeur et une hauteur d'écran de téléphone mobile dynamiques.

La cause du problème est que lorsqu'un collègue utilise un contrôle d'image qui nécessite un défilement en plein écran, il doit obtenir la hauteur de l'écran pour mettre l'image en plein écran. Mais il n'a pas pu obtenir la hauteur pour la première fois en utilisant $(window).height(). Cela a pu être fait après l'actualisation. J'ai essayé d'utiliser window.onload=function(){} pour résoudre le problème, mais j'ai trouvé que c'était le cas. toujours échoué.

Enfin, j'ai pensé que cela devait être dû au fait que le navigateur avait un cache lors du deuxième rafraîchissement, donc il pouvait obtenir la valeur élevée. Ensuite, ce devait être le décalage horaire dans le chargement du DOM de la page qui en était la cause. ce problème, j'ai donc utilisé setTimeout(method name, 500); Après un délai de 500 millisecondes, le résultat est normal.

Alors, quand vos amis ne peuvent pas obtenir la largeur et la hauteur de l'écran, autant essayer ceci

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn