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

關(guān)于用Jquery的height()、width()計(jì)算動(dòng)態(tài)插入的IMG標(biāo)簽的寬高的問(wèn)題

 更新時(shí)間:2010年12月08日 14:58:41   作者:  
關(guān)于用Jquery的height()、width()計(jì)算動(dòng)態(tài)插入的IMG標(biāo)簽的寬高的問(wèn)題的解決方法,需要的朋友可以參考下。
先來(lái)看現(xiàn)象:
復(fù)制代碼 代碼如下:

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

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

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

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

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

結(jié)果為:
Opera:34
Firefox:0
IE:28
Chrome:0
Safari:0

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

應(yīng)該可以理解為在圖片沒(méi)有加載或呈現(xiàn)完成時(shí)計(jì)算出的圖片寬高也是不正確的,刷新后應(yīng)該是有了緩存,所以結(jié)果就正確了,但為什么Chrome

和Safari始終都為0呢?而且IE和OPERA居然一開(kāi)始還會(huì)計(jì)算出一個(gè)錯(cuò)誤值出來(lái)的。
改成下面這樣就都好了:
復(fù)制代碼 代碼如下:

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

有解決過(guò)此問(wèn)題或有關(guān)于此問(wèn)題更詳細(xì)的認(rèn)識(shí)的大鳥(niǎo)還望不吝賜教..
復(fù)制代碼 代碼如下:

$(document).ready(function() {
$("#cc").append("<img id='aa' />");
$("#aa").load(function(){
alert($("#aa").width()
}).attr("src", "http://www.dbjr.com.cn/images/logo.gif");
});

相關(guān)文章

最新評(píng)論