解決jQuery動(dòng)態(tài)獲取手機(jī)屏幕高和寬的問題
更新時(shí)間：2014年05月07日 15:26:52 作者：
這篇文章主要介紹了如何解決jQuery動(dòng)態(tài)獲取手機(jī)屏幕高和寬的問題,需要的朋友可以參考下
今天幫同事解決了用jQuery獲得動(dòng)態(tài)的手機(jī)屏幕寬高的問題。
問題的起因是，當(dāng)同事用了一個(gè)需要全屏滾動(dòng)的圖片控件時(shí)，需要獲得屏幕的高度來設(shè)置圖片為全屏。但是他用$(window).height()始終無法第一次拿到高，刷新一下后就可以，我嘗試了使用window.onload=function(){}來解決，發(fā)現(xiàn)依然無法成功。
最后，我認(rèn)為一定是因?yàn)榈诙嗡⑿聲r(shí)，瀏覽器有了緩存，所以就可以拿到了高，那么肯定是頁面加載DOM的時(shí)間差，導(dǎo)致了這個(gè)問題，于是就使用了setTimeout(方法名,500);做了延時(shí)500毫秒，結(jié)果就正常了。
所以當(dāng)朋友們無法獲得屏幕寬高時(shí)，不妨用這個(gè)試試
問題的起因是，當(dāng)同事用了一個(gè)需要全屏滾動(dòng)的圖片控件時(shí)，需要獲得屏幕的高度來設(shè)置圖片為全屏。但是他用$(window).height()始終無法第一次拿到高，刷新一下后就可以，我嘗試了使用window.onload=function(){}來解決，發(fā)現(xiàn)依然無法成功。
最后，我認(rèn)為一定是因?yàn)榈诙嗡⑿聲r(shí)，瀏覽器有了緩存，所以就可以拿到了高，那么肯定是頁面加載DOM的時(shí)間差，導(dǎo)致了這個(gè)問題，于是就使用了setTimeout(方法名,500);做了延時(shí)500毫秒，結(jié)果就正常了。
所以當(dāng)朋友們無法獲得屏幕寬高時(shí)，不妨用這個(gè)試試
您可能感興趣的文章:
- jquery驗(yàn)證手機(jī)號(hào)碼、郵箱格式是否正確示例代碼
- jquery實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼的倒計(jì)時(shí)代碼
- 使用jquery.validate自定義方法實(shí)現(xiàn)"手機(jī)號(hào)碼或者固話至少填寫一個(gè)"的邏輯驗(yàn)證
- JQuery仿小米手機(jī)搶購頁面倒計(jì)時(shí)效果
- 基于jquery實(shí)現(xiàn)發(fā)送文章到手機(jī)的代碼
- jQuery手機(jī)瀏覽器中拖拽動(dòng)作的艱難性分析
- jQuery實(shí)現(xiàn)手機(jī)號(hào)碼輸入提示功能實(shí)例
- jQuery+HTML5實(shí)現(xiàn)手機(jī)搖一搖換衣特效
- jquery實(shí)現(xiàn)手機(jī)號(hào)碼選號(hào)的方法
- jQuery實(shí)現(xiàn)的手機(jī)發(fā)送驗(yàn)證碼倒計(jì)時(shí)效果代碼分享
- jQuery手機(jī)撥號(hào)界面特效代碼分享
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jQuery插件開發(fā)的相關(guān)資料,需要的朋友可以參考下2016-05-05
淺談ajax在jquery中的請(qǐng)求和servlet中的響應(yīng)
下面小編就為大家分享一篇淺談ajax在jquery中的請(qǐng)求和servlet中的響應(yīng)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01
淺析jquery ajax異步調(diào)用方法中不能給全局變量賦值的原因及解決方法
本篇文章主要是對(duì)jquery ajax異步調(diào)用方法中不能給全局變量賦值的原因及解決方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01
本文給大家分享的是使用jQuery實(shí)現(xiàn)按鍵盤的方向鍵進(jìn)行翻頁的特效，代碼十分的簡單，功能很實(shí)用，這里推薦給大家，希望大家能夠喜歡。2015-03-03
這篇文章主要介紹了jQuery中even選擇器的定義和用法,較為詳細(xì)的分析了event選擇器的語法結(jié)構(gòu)與具體用法,并以一個(gè)設(shè)置偶數(shù)行為藍(lán)色字體的例子總結(jié)了其用法與功能特點(diǎn),需要的朋友可以參考下2014-12-12
jQuery學(xué)習(xí)筆記之DOM對(duì)象和jQuery對(duì)象
DOM對(duì)象和jQuery對(duì)象的操作時(shí)很重要的，是jquery與頁面元素互動(dòng)的基礎(chǔ)。2010-12-12
jquery 插件開發(fā)方法，需要的朋友可以參考下。2009-10-10
這篇文章介紹了jQuery點(diǎn)擊彈出下拉菜單的小例子，有需要的朋友可以參考一下2013-08-08
這篇文章主要深入分析jquery解析json數(shù)據(jù)的方法，非常的詳盡,需要的朋友可以參考下2014-12-12
jQuery是一個(gè)JavaScript庫，它簡化了客戶端JavaScript編程的過程，特別是針對(duì)HTML文檔遍歷和操作、事件處理、動(dòng)畫效果和Ajax操作。感興趣的小伙伴可以參考閱讀2023-04-04