解決jQuery動態(tài)獲取手機(jī)屏幕高和寬的問題
更新時間：2014年05月07日 15:26:52 作者：
這篇文章主要介紹了如何解決jQuery動態(tài)獲取手機(jī)屏幕高和寬的問題,需要的朋友可以參考下
今天幫同事解決了用jQuery獲得動態(tài)的手機(jī)屏幕寬高的問題。
問題的起因是，當(dāng)同事用了一個需要全屏滾動的圖片控件時，需要獲得屏幕的高度來設(shè)置圖片為全屏。但是他用$(window).height()始終無法第一次拿到高，刷新一下后就可以，我嘗試了使用window.onload=function(){}來解決，發(fā)現(xiàn)依然無法成功。
最后，我認(rèn)為一定是因為第二次刷新時，瀏覽器有了緩存，所以就可以拿到了高，那么肯定是頁面加載DOM的時間差，導(dǎo)致了這個問題，于是就使用了setTimeout(方法名,500);做了延時500毫秒，結(jié)果就正常了。
所以當(dāng)朋友們無法獲得屏幕寬高時，不妨用這個試試
問題的起因是，當(dāng)同事用了一個需要全屏滾動的圖片控件時，需要獲得屏幕的高度來設(shè)置圖片為全屏。但是他用$(window).height()始終無法第一次拿到高，刷新一下后就可以，我嘗試了使用window.onload=function(){}來解決，發(fā)現(xiàn)依然無法成功。
最后，我認(rèn)為一定是因為第二次刷新時，瀏覽器有了緩存，所以就可以拿到了高，那么肯定是頁面加載DOM的時間差，導(dǎo)致了這個問題，于是就使用了setTimeout(方法名,500);做了延時500毫秒，結(jié)果就正常了。
所以當(dāng)朋友們無法獲得屏幕寬高時，不妨用這個試試
您可能感興趣的文章:
- jquery驗證手機(jī)號碼、郵箱格式是否正確示例代碼
- jquery實現(xiàn)手機(jī)發(fā)送驗證碼的倒計時代碼
- 使用jquery.validate自定義方法實現(xiàn)"手機(jī)號碼或者固話至少填寫一個"的邏輯驗證
- JQuery仿小米手機(jī)搶購頁面倒計時效果
- 基于jquery實現(xiàn)發(fā)送文章到手機(jī)的代碼
- jQuery手機(jī)瀏覽器中拖拽動作的艱難性分析
- jQuery實現(xiàn)手機(jī)號碼輸入提示功能實例
- jQuery+HTML5實現(xiàn)手機(jī)搖一搖換衣特效
- jquery實現(xiàn)手機(jī)號碼選號的方法
- jQuery實現(xiàn)的手機(jī)發(fā)送驗證碼倒計時效果代碼分享
- jQuery手機(jī)撥號界面特效代碼分享
相關(guān)文章
從零開始學(xué)習(xí)jQuery (三) 管理jQuery包裝集
在使用jQuery選擇器獲取到j(luò)Query包裝集后, 我們需要對其進(jìn)行操作. 本章首先講解如何動態(tài)的創(chuàng)建元素, 接著學(xué)習(xí)如何管理jQuery包裝集, 比如添加,刪除,切片等.2011-02-02
如何解決jQuery EasyUI 已打開Tab重新加載問題
最近在項目中遇到這樣的需求，要求實現(xiàn)點擊左側(cè)已經(jīng)打開的tab可以刷新重新加載datagrid。下面給大家分享實現(xiàn)代碼，一起看看吧2016-12-12
jquery中獲取select選中值的代碼，需要的朋友可以參考下。2011-06-06
jquery輪換效果網(wǎng)上已經(jīng)很多了，不過這個效果挺有特色的。需要的朋友可以看下。2011-07-07
jQuery確實是一項偉大的技術(shù)，通過jQuery的插件，我們可以方便的創(chuàng)建具有更好用戶界面的網(wǎng)站。在本文中，將和大家分享40個對你創(chuàng)建更好用戶界面的jQuery技術(shù)和教程。2011-01-01
jQuery實現(xiàn)鼠標(biāo)跟隨提示層效果代碼(可顯示文本,Div,Table,Html等)
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)跟隨提示層效果代碼,具備顯示文本,Div,Table,Html等功能.涉及jQuery針對鼠標(biāo)事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細(xì)介紹了jQuery圖片切換動畫特效,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
在jQuery里有一個each方法，用起來非常的爽，不用再像原來那樣寫for循環(huán)，下面介紹each的幾種常用的用法2014-01-01
jQuery學(xué)習(xí)筆記之 Ajax操作篇（二） - 數(shù)據(jù)傳遞
在前一篇介紹 jQuery Ajax 的數(shù)據(jù)加載中的例子都是從靜態(tài)的文件中取得數(shù)據(jù)，而 Ajax 更大的價值在于與后端服務(wù)器進(jìn)行數(shù)據(jù)傳遞，動態(tài)地請求和發(fā)送數(shù)據(jù)。2014-06-06
jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子
這篇文章主要介紹了jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子,使用replaceWith可以替換模板里的標(biāo)簽,還可以實現(xiàn)多語言網(wǎng)站,需要的朋友可以參考下2014-08-08