Question

我在IE7中看到的问题的简化版本可以使用FireBug Lite来演示。

在装有jQuery的页面上，我打开FireBug Lite（通过bookmarket），然后输入以下内容：

image = $('<img src="http://example.com/boofar.jpg" border="12" 
                    width="95" height="95" title="Booya">')[0];

并且回显的结果是：

<img title="Booya" contentEditable="inherit" start="fileopen" 
                    loop="1" src="http://example.com/boofar.jpg" border="12">

宽度和高度属性在哪里？此外，

 image.width;

和

 image.attributes.width.value;

返回0和“0”。

用jQuery 1.2.6和1.4.2来看这个。它在IE8和FF中做对了。

这些属性出现的任何想法？非常讨厌....

Answer 1

使用jQuery直接创建图像属性，您将获得更好的结果：

var $image = jQuery('<img />', 
       {   
           title: "Booya",
           src:   "http://example.com/boofar.jpg",
           css: {
                  border: "12px",
                  width : "95px",
                  height: "95px"
                }
      });

当明确设置webkit浏览器的实际宽度/高度时，您将遇到使用webkit浏览器获取正确宽度/高度的问题。您可能希望看一眼：Get the real width and height of an image with JavaScript? (in Safari/Chrome)

jQuery IE7即时图像

1 个答案: