chrome下jq width()方法取值为0的解决方法
更新时间：2014年05月26日 10:41:04 作者：
使用了jq的width()方法时在ff跟ie下运行问题不大，但是到了chrome上，就出现问题
http://photo.163.com/shixiaojian089/train/28002 这是网易的一个相册，看到后想试着做做看。
在我的制作方法中，需要获取到每张照片的宽度，所以很自然就使用了jq的width()方法。在ff跟ie下运行问题不大，但是到了chrome上，就出现问题了。
使用alert排查，发现chrome下width方法取到的值都是0.这样子的话，想来就是脚本运行到这的时候图片根本没加载好。问题应该出在$(function(){});上，因为这个方法只要求加载完dom就开始运行。那么改成在onload下执行，果然这下可以了。不过这明显不是很好的办法，毕竟在onload下运行要等到整个文件全部内容全部加载好后再运行脚本。
网上搜索一下后，发现这哥么https://www.jb51.net/article/50402.htm也遇到了同样的问题，在其的评论下方有一种解决方案，可以参考：
在要获取图片宽高的地方用
$img.load(function(){
var img_h = $img.height();
var img_w = $img.width();
}
这样可以仍旧使用$(function(){});在需要图片加载的地方对图片对象调用load方法，避免等待整个文件内容加载完毕。
在我的制作方法中，需要获取到每张照片的宽度，所以很自然就使用了jq的width()方法。在ff跟ie下运行问题不大，但是到了chrome上，就出现问题了。
使用alert排查，发现chrome下width方法取到的值都是0.这样子的话，想来就是脚本运行到这的时候图片根本没加载好。问题应该出在$(function(){});上，因为这个方法只要求加载完dom就开始运行。那么改成在onload下执行，果然这下可以了。不过这明显不是很好的办法，毕竟在onload下运行要等到整个文件全部内容全部加载好后再运行脚本。
网上搜索一下后，发现这哥么https://www.jb51.net/article/50402.htm也遇到了同样的问题，在其的评论下方有一种解决方案，可以参考：
在要获取图片宽高的地方用
复制代码 代码如下:
$img.load(function(){
var img_h = $img.height();
var img_w = $img.width();
}
这样可以仍旧使用$(function(){});在需要图片加载的地方对图片对象调用load方法，避免等待整个文件内容加载完毕。
相关文章
jquery ajax加载数据前台渲染方式 不用for遍历的方法
今天小编就为大家分享一篇jquery ajax加载数据前台渲染方式 不用for遍历的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
jquery蒙版控件实现代码，学习jquery的朋友可以参考下。2010-12-12
当完成一个个交互的组件之后，为了更好组织代码，渐渐的逼近了一个合理的模式，并且也从jQueryUI里面发现了这个模式。2010-12-12
这篇文章主要介绍了jquery可定制高度画廊效果，很有艺术感，功能实现非常简单，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
jquery实现文本框鼠标右击无效以及不能输入的实现方法，需要的朋友可以参考下。2010-11-11
这篇文章主要介绍了jQuery移动web开发中的页面初始化与加载事件,是JavaScript移动端页面开发学习中的基础知识,需要的朋友可以参考下2015-12-12
在跟html+ashx打交道的园友们肯定会发现，这种模式虽然优美，但在开发中会遇到一些难处理的地方。我也不例外，下面是自己在实际开发中总结出来的几条经验，希望跟大家分享，更希望得到大家的建议和更好的解决方法！2011-07-07
下面小编就为大家带来一篇jQuery中each循环的跳出和结束实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要介绍了JQuery Ajax跨域调用和非跨域调用问题,结合具体实例形式分析了jQuery基于ajax的非跨域请求及跨域请求相关实现技巧与操作注意事项,需要的朋友可以参考下2019-04-04
有时我们需要防止退格键的网页后退，一般情况下最好不要这么用，因为对UX体验不好2012-03-03
最新评论