解决jQuery在chrome中获取height为0
Posted DTBelieve
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了解决jQuery在chrome中获取height为0相关的知识，希望对你有一定的参考价值。
笔者之前在一家创业公司做过项目，当时遇到这么一个奇怪的问题，我需要用一个jQuery的height()方法获取一个div的高度，但是在chrome浏览器上面有时可以正常获取，但是同一个页面刷新多几次获取的高度值就变为0了！！！然而用其他浏览器完全没有这个问题，我当时意识到这明显是浏览器的问题，于是我问度娘问谷妹，终于找到一哥们情况和我一样，并且我在他的指导下成功地解决了问题，yeah！
于是乎，我使用了原生的window.onload=function(){}代替 $(function(){})，终于得到了我想要的结果
在这里，我也想吐槽一下浏览器之间的不和谐，有时候在一个浏览器上面运行很好的程序，换个浏览器就G了，本来呢，兼容性问题已经是一件很让人心碎的事情了，现在是我明明代码没有写错，却因为是浏览器解析问题而导致错误的结果，我也是万万没有想到是这个原因，直到我辛苦排查出是height()的问题那一刻我还不知道为啥这会错，相信以后还会遇到更多奇葩的问题，只能一边积累项目经验，一边衷心地希望以后浏览器的技术能够兼容能够统一起来
以上是关于解决jQuery在chrome中获取height为0的主要内容，如果未能解决你的问题，请参考以下文章
jQuery无法获取隐藏元素（display:none）宽度(width)和高度(height)的新解决方案
jquery 中用$(window).height() 怎么获取的高度不是窗口的高度呢?