解决jQuery动态获取手机屏幕高和宽的问题
更新时间：2014年05月07日 15:26:52 作者：
这篇文章主要介绍了如何解决jQuery动态获取手机屏幕高和宽的问题,需要的朋友可以参考下
今天帮同事解决了用jQuery获得动态的手机屏幕宽高的问题。
问题的起因是，当同事用了一个需要全屏滚动的图片控件时，需要获得屏幕的高度来设置图片为全屏。但是他用$(window).height()始终无法第一次拿到高，刷新一下后就可以，我尝试了使用window.onload=function(){}来解决，发现依然无法成功。
最后，我认为一定是因为第二次刷新时，浏览器有了缓存，所以就可以拿到了高，那么肯定是页面加载DOM的时间差，导致了这个问题，于是就使用了setTimeout(方法名,500);做了延时500毫秒，结果就正常了。
所以当朋友们无法获得屏幕宽高时，不妨用这个试试
问题的起因是，当同事用了一个需要全屏滚动的图片控件时，需要获得屏幕的高度来设置图片为全屏。但是他用$(window).height()始终无法第一次拿到高，刷新一下后就可以，我尝试了使用window.onload=function(){}来解决，发现依然无法成功。
最后，我认为一定是因为第二次刷新时，浏览器有了缓存，所以就可以拿到了高，那么肯定是页面加载DOM的时间差，导致了这个问题，于是就使用了setTimeout(方法名,500);做了延时500毫秒，结果就正常了。
所以当朋友们无法获得屏幕宽高时，不妨用这个试试
相关文章
在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着学习如何管理jQuery包装集, 比如添加,删除,切片等.2011-02-02
如何解决jQuery EasyUI 已打开Tab重新加载问题
最近在项目中遇到这样的需求，要求实现点击左侧已经打开的tab可以刷新重新加载datagrid。下面给大家分享实现代码，一起看看吧2016-12-12
jquery中获取select选中值的代码，需要的朋友可以参考下。2011-06-06
jquery轮换效果网上已经很多了，不过这个效果挺有特色的。需要的朋友可以看下。2011-07-07
jQuery确实是一项伟大的技术，通过jQuery的插件，我们可以方便的创建具有更好用户界面的网站。在本文中，将和大家分享40个对你创建更好用户界面的jQuery技术和教程。2011-01-01
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
这篇文章主要介绍了jQuery实现鼠标跟随提示层效果代码,具备显示文本,Div,Table,Html等功能.涉及jQuery针对鼠标事件及页面元素的相关操作技巧,需要的朋友可以参考下2016-04-04
这篇文章主要为大家详细介绍了jQuery图片切换动画特效,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
在jQuery里有一个each方法，用起来非常的爽，不用再像原来那样写for循环，下面介绍each的几种常用的用法2014-01-01
在前一篇介绍 jQuery Ajax 的数据加载中的例子都是从静态的文件中取得数据，而 Ajax 更大的价值在于与后端服务器进行数据传递，动态地请求和发送数据。2014-06-06
jQuery标签替换函数replaceWith()的使用例子
这篇文章主要介绍了jQuery标签替换函数replaceWith()的使用例子,使用replaceWith可以替换模板里的标签,还可以实现多语言网站,需要的朋友可以参考下2014-08-08
最新评论