解決jQuery動態(tài)獲取手機屏幕高和寬的問題
更新時間:2014年05月07日 15:26:52 作者:
這篇文章主要介紹了如何解決jQuery動態(tài)獲取手機屏幕高和寬的問題,需要的朋友可以參考下
今天幫同事解決了用jQuery獲得動態(tài)的手機屏幕寬高的問題。
問題的起因是,當(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驗證手機號碼、郵箱格式是否正確示例代碼
- jquery實現(xiàn)手機發(fā)送驗證碼的倒計時代碼
- 使用jquery.validate自定義方法實現(xiàn)"手機號碼或者固話至少填寫一個"的邏輯驗證
- JQuery仿小米手機搶購頁面倒計時效果
- 基于jquery實現(xiàn)發(fā)送文章到手機的代碼
- jQuery手機瀏覽器中拖拽動作的艱難性分析
- jQuery實現(xiàn)手機號碼輸入提示功能實例
- jQuery+HTML5實現(xiàn)手機搖一搖換衣特效
- jquery實現(xiàn)手機號碼選號的方法
- jQuery實現(xiàn)的手機發(fā)送驗證碼倒計時效果代碼分享
- jQuery手機撥號界面特效代碼分享
相關(guān)文章
淺談ajax在jquery中的請求和servlet中的響應(yīng)
下面小編就為大家分享一篇淺談ajax在jquery中的請求和servlet中的響應(yīng),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01淺析jquery ajax異步調(diào)用方法中不能給全局變量賦值的原因及解決方法
本篇文章主要是對jquery ajax異步調(diào)用方法中不能給全局變量賦值的原因及解決方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01jQuery學(xué)習(xí)筆記之DOM對象和jQuery對象
DOM對象和jQuery對象的操作時很重要的,是jquery與頁面元素互動的基礎(chǔ)。2010-12-12