firefox和chrome之间图像加载的差异

时间:2013-09-23 09:19:36

标签: jquery image jquery-ui dom jquery-dialog

所以我今天遇到了大图像宽度高度问题,其中特定浏览器(Chrome v31.0.1626.5)使用Jquery的.width()为图像选择器提供了0宽度。
在Jquery UI对话框中加载图像(或似乎在它之后)后,我在Button的单击处理程序中有以下行。

var imageWidth = $("#myImageSelector").width();

// imageWidth = 0 in Chrome  
// imageWidth = 1024 (which is the actual image width) in Firefox v23

因此,经过对此相关的一些研究后,我发现只有在加载图像(herehere)后才可以访问图像的高度和宽度属性。有一些竞争条件......
1.这里的竞争条件是什么?
2. Chrome如何处理图像的方式与Firefox不同?它一般只与HTMLImageElement或其他DOM元素一起使用吗?为什么在Firefox中正确显示宽度? (是不是因为上述竞争条件在Firefox中得到了更优雅的处理?)

P.S。 :非常感谢任何进一步阅读的参考。

0 个答案:

没有答案