jQuery IE7动态图像
我在IE7中看到的问题的简化版本可以通过使用来演示 在加载jQuery的页面上,我打开(通过bookmarket)并输入以下内容:jQuery IE7动态图像,jquery,internet-explorer-7,image,Jquery,Internet Explorer 7,Image,我在IE7中看到的问题的简化版本可以通过使用来演示 在加载jQuery的页面上,我打开(通过bookmarket)并输入以下内容: image = $('<img src="http://example.com/boofar.jpg" border="12" width="95" height="95" title="Booya">')[0]; 及 返回0和“0” 在jQuery 1.2.6和1.4.2中都可以看到这一点。它在IE8和FF中
image = $('<img src="http://example.com/boofar.jpg" border="12"
width="95" height="95" title="Booya">')[0];
及
返回0和“0”
在jQuery 1.2.6和1.4.2中都可以看到这一点。它在IE8和FF中做了正确的事情
你知道这些属性到哪里去了吗?非常烦人….使用jQuery直接创建图像属性会得到更好的结果:
var $image = jQuery('<img />',
{
title: "Booya",
src: "http://example.com/boofar.jpg",
css: {
border: "12px",
width : "95px",
height: "95px"
}
});
var$image=jQuery('
当显式设置webkit浏览器的宽度/高度与实际宽度/高度相比时,您将遇到使用webkit浏览器获取正确宽度/高度的问题。您可能想了解一下这一点:使用jQuery直接创建图像属性将获得更好的结果:
var $image = jQuery('<img />',
{
title: "Booya",
src: "http://example.com/boofar.jpg",
css: {
border: "12px",
width : "95px",
height: "95px"
}
});
var$image=jQuery('
当显式设置webkit浏览器的宽度/高度与实际宽度/高度相比时,您将遇到使用webkit浏览器获取正确宽度/高度的问题。您可能想了解一下这一点:您可以使用table=$('')[0]那么得到什么呢?@Scott-我没有看到这种行为:我得到:
的结果。@Nick-huh-Verrry很有趣。让我研究一下有什么不同,因为我不明白。似乎如果你把img插入div,属性就会出现。奇怪..tnx用于评论Kay我更困惑..在我的例子中,image.outerHTML但是image.width给了0..!!?wtf!?…btw@Nick-感谢JSFIDLE资源/有用的!@Scott-元素在插入DOM之前不会获得高度/宽度,填充或其他样式规则会影响值,因此高度取决于元素插入的位置。您可以执行table=$(“”)[0]那么得到什么呢?@Scott-我没有看到这种行为:我得到:
的结果。@Nick-huh-Verrry很有趣。让我研究一下有什么不同,因为我不明白。似乎如果你把img插入div,属性就会出现。奇怪..tnx用于评论Kay我更困惑..在我的例子中,image.outerHTML但是image.width给了0..!!?wtf!?…顺便说一句@Nick-感谢jsfiddle资源/有用的!@Scott-元素在插入DOM之前不会获得高度/宽度,填充或其他样式规则会影响值,所以高度取决于元素插入的位置。是的,但是-这个简化的问题代表了sue我在我构建的通用HTML分析器中看到了。我并不特别需要自己制作图像。相反,我使用jQuery包装任意HTML字符串,然后遍历结果集以找出结构。是的,但是——这个简化的问题代表了我在通用HTML分析器中看到的一个问题构建。我并不特别需要自己制作图像。相反,我使用jQuery包装任意HTML字符串,然后遍历结果集以确定结构。。
image.attributes.width.value;
var $image = jQuery('<img />',
{
title: "Booya",
src: "http://example.com/boofar.jpg",
css: {
border: "12px",
width : "95px",
height: "95px"
}
});