jquery访问图像宽度 - 为什么这不起作用?

时间:2011-07-19 23:29:19

标签: javascript jquery html

我对Jquery有些新意,但我觉得完全失败是因为我无法做到这一点。我确定它有些愚蠢,但我已经这么久了。

所以,如果我有这样的HTML ......

<div class="lightbox-image">
    <img src="http://staging.greencupboards.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/feeds/MrsMeyers/MRM-64558.jpg" /> 
</div>

为什么我的Jquery文件中的这个在警告框中生成'null'?

alert($('.lightbox-image img'));

警告框中是否应该包含“对象”中的内容?

我一直在Jsfiddle,它仍然无法正常工作。我知道我错过了一些愚蠢的东西所以我提前为我的天真道歉。非常感谢!

  • 内特

编辑:

alert($('.lightboximage img'));
alert($('.lightboximage img').width());
$('.lightboximage img').load(function() {
    alert( $(this).width() );
});

此代码在第一个警报上生成一个对象,在接下来的两个警报上生成一个0。为什么是这样?我知道图像存在,JSfiddle说它的宽度是825 ......

2 个答案:

答案 0 :(得分:0)

$('.lightboximage img').width(100);

这对我有用......我注意到你的图像没有从服务器中正确检索(401)

http://jsfiddle.net/uuuwU/

答案 1 :(得分:0)

似乎对我有用,我更新了公民conn脚本以输出页面上的宽度,看起来都很好:

http://jsfiddle.net/uuuwU/3/