chrome下jq width()方法取值为0的解决方法

http://photo.163.com/shixiaojian089/train/28002 这是网易的一个相册，看到后想试着做做看。

在我的制作方法中，需要获取到每张照片的宽度，所以很自然就使用了jq的width()方法。在ff跟ie下运行问题不大，但是到了chrome上，就出现问题了。

使用alert排查，发现chrome下width方法取到的值都是0.这样子的话，想来就是脚本运行到这的时候图片根本没加载好。问题应该出在$(function(){});上，因为这个方法只要求加载完dom就开始运行。那么改成在onload下执行，果然这下可以了。不过这明显不是很好的办法，毕竟在onload下运行要等到整个文件全部内容全部加载好后再运行脚本。

网上搜索一下后，发现这哥么http://www.jb51.net/article/50402.htm也遇到了同样的问题，在其的评论下方有一种解决方案，可以参考：

在要获取图片宽高的地方用


代码如下:

$img.load(function(){
var img_h = $img.height();
var img_w = $img.width();
}

这样可以仍旧使用$(function(){});在需要图片加载的地方对图片对象调用load方法，避免等待整个文件内容加载完毕。

赞 (0)

相关推荐

  • chrome下jq width()方法取值为0的解决方法

    http://photo.163.com/shixiaojian089/train/28002 这是网易的一个相册,看到后想试着做做看. 在我的制作方法中,需要获取到每张照片的宽度,所以很自然就使用了jq的width()方法.在ff跟ie下运行问题不大,但是到了chrome上,就出现问题了. 使用alert排查,发现chrome下width方法取到的值都是0.这样子的话,想来就是脚本运行到这的时候图片根本没加载好.问题应该出在$(function(){});上,因为这个方法只要求加载完dom就开

  • JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法

    本文实例讲述了JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法.分享给大家供大家参考,具体如下: 主页面: <script type="text/javascript"> function SelectGroupCust() { var temp = window.showModalDialog("Default2.aspx?xx=" + Date(), "", "dialog

  • request.getParameter()取值为null的解决方法

    原因是:我只设置了id属性 而在JSP页面使用javascript的时候用ID属性,但是在后台通过Request取值的时候用的是name属性.问题就处在这里.

  • js正则取值的结果数组调试方法

    如下所示: body="Darry 官网(戴珠宝官网)是戴珠宝指定官方网站,darry戴珠宝官网提供:戴珠宝产品包括:结婚戒指.求婚戒指等钻戒|对戒系列,欢迎进入戴珠宝唯一官网详细了解:"; var reg = /[a-z]+/i; res = body.match(reg); if(res.length>0){ console.log('res',res); } 原来设想res是个数组,值就应该与res.join()一样,结果测试不同. 如果让js代码按照预定思路走,调试过改成

  • php读取mssql的ntext字段返回值为空的解决方法

    本文实例讲述了php读取mssql的ntext字段返回值为空的解决方法.分享给大家供大家参考.具体分析如下: 今天在使用php连接mssql数据库时发现ntext字段的内容无法显示,经过查询发现ntext字段在php中不被支持,解决办法我们只要把ntext字段改成text即可解决了. 如果是表里面没有ntext字段,可以用以下代码: 复制代码 代码如下: <?php  // Connect to MSSQL  $link = mssql_connect('KALLESPCSQLEXPRESS',

  • 关于layui的下拉搜索框异步加载数据的解决方法

    思路分析:当我使用layui默认的下拉搜索框的时候,layui会默认渲染出一个HTML结构,所以我把渲染出来的这个结果直接给复制出来,这样css的样式就不用从头到尾写一遍了, 前端代码(我用的是jsp): <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC &quo

  • Linux下Tomcat启动正常,但浏览器无法访问的解决方法

    1.服务器可ping通 2.服务器抓本地的http请求包,可以抓到 3.本地抓服务器返回的http响应包,抓不到 经过查找,是由于开启了Linux防火墙 查看防火墙配置(需要root权限) [root@localhost ~]# service iptables status Redirecting to /bin/systemctl status  iptables.service iptables.service - IPv4 firewall with iptables Loaded: l

  • linux下因为系统编码问题造成乱码的快速解决方法

    最近一段时间遇到一些润乾的应用在linux系统下面乱码的问题,最后检查后都发现是客户的linux系统默认编码设置的不正确造成的,这种原因造成乱码的现象一般都是程序里面写死了的中文字符能正常展现,但是从数据库中取出来的或者从程序中读出来的中文字符就会出现乱码. 下面就介绍一下由于linux系统编码设置不正确造成润乾报表应用乱码问题的解决办法. 第一步:检查linux的系统编码. 检查linux的系统编码,确定系统是否支持中文.在linux系统的终端中输入命令:locale,就会看到打印出的系统编码

  • 详谈symfony window下的安装 安装时候出现的问题以及解决方法

    1. cmd进入DOS  , cd 到 php.exe 的目录下 2. php -r "readfile('http://symfony.com/installer');" > symfony 3. 把symfony移动到projects(你自己的工作目录)  move symfony  c:\projects 4. c:\> cd projects/ c:\projects\> php symfony new my_project_name 如果正常就开始创建, 一

  • IOS中safari下的select下拉菜单文字过长不换行的解决方法

    IOS中safari下的select下拉菜单文字过长不换行的解决方法

    今天遇到下图这种问题,文字过长,显示不全.折腾了老半天,在网上搜了半天也找不到解决方案. 于是问了下同事,同事提到了<optgroup>,这个标签厉害. <optgroup> 标签定义选项组. optgroup 元素用于组合选项.当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易. 以上所述是小编给大家介绍的IOS中safari下的select下拉菜单文字过长不换行的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的.在此也非常感谢大家对

随机推荐