所以我今天遇到了大图像宽度高度问题,其中特定浏览器(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
因此,经过对此相关的一些研究后,我发现只有在加载图像(here和here)后才可以访问图像的高度和宽度属性。有一些竞争条件......
1.这里的竞争条件是什么?
2. Chrome如何处理图像的方式与Firefox不同?它一般只与HTMLImageElement或其他DOM元素一起使用吗?为什么在Firefox中正确显示宽度? (是不是因为上述竞争条件在Firefox中得到了更优雅的处理?)
P.S。 :非常感谢任何进一步阅读的参考。