首頁 web前端 js教程 chrome下jq width()方法取值為0的解法_jquery

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

May 16, 2016 pm 04:46 PM
chrome

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方法,避免等待整個檔案內容載入完畢。
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

什麼是Updater.exe在Windows 11/10?這是Chrome進程嗎? 什麼是Updater.exe在Windows 11/10?這是Chrome進程嗎? Mar 21, 2024 pm 05:36 PM

什麼是Updater.exe在Windows 11/10?這是Chrome進程嗎?

crdownload是什麼文件 crdownload是什麼文件 Mar 08, 2023 am 11:38 AM

crdownload是什麼文件

chrome無法載入插件怎麼辦 chrome無法載入插件怎麼辦 Nov 06, 2023 pm 02:22 PM

chrome無法載入插件怎麼辦

解決Google瀏覽器無法開啟網頁的方法 解決Google瀏覽器無法開啟網頁的方法 Jan 04, 2024 pm 10:18 PM

解決Google瀏覽器無法開啟網頁的方法

Chrome的插件擴充功能安裝目錄是什麼 Chrome的插件擴充功能安裝目錄是什麼 Mar 08, 2024 am 08:55 AM

Chrome的插件擴充功能安裝目錄是什麼

如何在Chrome和Edge的所有選項卡中搜尋文本 如何在Chrome和Edge的所有選項卡中搜尋文本 Feb 19, 2024 am 11:30 AM

如何在Chrome和Edge的所有選項卡中搜尋文本

chrome是什麼意思 chrome是什麼意思 Aug 07, 2023 pm 01:18 PM

chrome是什麼意思

chromesetup是什麼軟體 chromesetup是什麼軟體 Mar 03, 2023 pm 02:58 PM

chromesetup是什麼軟體

See all articles