国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

關于用Jquery的height()、width()計算動態插入的IMG標簽的寬高的問題

2019-11-21 00:03:27
字體:
來源:轉載
供稿:網友
先來看現象:
復制代碼 代碼如下:

<div id="cc"></div>
<script>
$(document).ready(function() {
$("#cc").append("<div id='aa' style='width:200px;height:200px;' /></div>");
alert($("#aa").width());
});
</script>

結果為:200
所有瀏覽器都得到正確的結果

把插入的元素改為IMG
復制代碼 代碼如下:

<div id="cc"></div>
<script>
$(document).ready(function() {
$("#cc").append("<img id='aa' src='//m.survivalescaperooms.com/images/logo.gif' />");
alert($("#aa").width());
});
</script>

(注:image1.jpg的實際寬為693)

結果為:
Opera:34
Firefox:0
IE:28
Chrome:0
Safari:0

再F5刷新一下,結果為:
Firefox:693
IE:693
Opera:693
Chrome:0
Safari:0
Safari和Chrome始終為0。

應該可以理解為在圖片沒有加載或呈現完成時計算出的圖片寬高也是不正確的,刷新后應該是有了緩存,所以結果就正確了,但為什么Chrome

和Safari始終都為0呢?而且IE和OPERA居然一開始還會計算出一個錯誤值出來的。
改成下面這樣就都好了:
復制代碼 代碼如下:

<div id="cc"></div>
<script>
$(document).ready(function() {
$("#cc").append("<img id='aa' src='//m.survivalescaperooms.com/images/logo.gif' />");
window.setTimeout(function(){alert($("#aa").width()); },100);
});
</script>

有解決過此問題或有關于此問題更詳細的認識的大鳥還望不吝賜教..
復制代碼 代碼如下:

$(document).ready(function() {
$("#cc").append("<img id='aa' />");
$("#aa").load(function(){
alert($("#aa").width()
}).attr("src", "http://m.survivalescaperooms.com/images/logo.gif");
});
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 基隆市| 华坪县| 安西县| 凤山市| 枣强县| 瓦房店市| 丽水市| 彭阳县| 无为县| 雷山县| 广河县| 甘孜| 邢台市| 衡阳市| 古田县| 乐昌市| 牡丹江市| 鄄城县| 乳源| 常德市| 报价| 寿宁县| 桓台县| 忻州市| 昭平县| 嘉义市| 霍城县| 右玉县| 厦门市| 酉阳| 开阳县| 黄陵县| 新源县| 浦县| 沈丘县| 西宁市| 泸西县| 平泉县| 宜昌市| 嘉定区| 邯郸县|