欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

chrome下jq width()方法取值為0的解決方法

 更新時(shí)間:2014年05月26日 10:41:04   作者:  
使用了jq的width()方法時(shí)在ff跟ie下運(yùn)行問題不大,但是到了chrome上,就出現(xiàn)問題
http://photo.163.com/shixiaojian089/train/28002 這是網(wǎng)易的一個(gè)相冊(cè),看到后想試著做做看。

在我的制作方法中,需要獲取到每張照片的寬度,所以很自然就使用了jq的width()方法。在ff跟ie下運(yùn)行問題不大,但是到了chrome上,就出現(xiàn)問題了。

使用alert排查,發(fā)現(xiàn)chrome下width方法取到的值都是0.這樣子的話,想來就是腳本運(yùn)行到這的時(shí)候圖片根本沒加載好。問題應(yīng)該出在$(function(){});上,因?yàn)檫@個(gè)方法只要求加載完dom就開始運(yùn)行。那么改成在onload下執(zhí)行,果然這下可以了。不過這明顯不是很好的辦法,畢竟在onload下運(yùn)行要等到整個(gè)文件全部內(nèi)容全部加載好后再運(yùn)行腳本。

網(wǎng)上搜索一下后,發(fā)現(xiàn)這哥么http://www.dbjr.com.cn/article/50402.htm也遇到了同樣的問題,在其的評(píng)論下方有一種解決方案,可以參考:

在要獲取圖片寬高的地方用
復(fù)制代碼 代碼如下:

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

這樣可以仍舊使用$(function(){});在需要圖片加載的地方對(duì)圖片對(duì)象調(diào)用load方法,避免等待整個(gè)文件內(nèi)容加載完畢。

相關(guān)文章

  • 輕松學(xué)習(xí)jQuery插件EasyUI EasyUI表單驗(yàn)證

    輕松學(xué)習(xí)jQuery插件EasyUI EasyUI表單驗(yàn)證

    輕松學(xué)習(xí)jQuery插件EasyUI,本文的重點(diǎn)在于EasyUI表單驗(yàn)證,并告訴大家如何提交表單,感興趣的小伙伴們可以參考一下
    2015-12-12
  • 到底該拋不拋棄JQuery

    到底該拋不拋棄JQuery

    這篇文章主要介紹了到底該拋不拋棄JQuery,對(duì)JS框架感興趣的同學(xué),可以參考下
    2021-05-05
  • 最新評(píng)論