jQuery图像宽度不工作
jQuery image width not working
我试图获得图像与类产品缩略图的图像宽度。有几个图像具有这个宽度,但它们都具有相同的宽度。这是我的javascript:
$(document).ready(function() {
alert($('img').('.product-thumbnail').width());
});
这些是图像标签
<img src="img/produkt1.png" title="Názov produktu" class="product-thumbnail">
<img src="img/produkt2.png" title="Názov produktu" class="product-thumbnail">
然而,它不工作,我没有得到任何警报。应该没有选择器的问题(包括jquery),我想使用这个,所以我可以根据图像宽度设置div宽度,但图像宽度随着浏览器窗口宽度的变化。你知道怎么解决这个问题吗?也许我只是有一些语法错误
alert($('img').('.product-thumbnail').width());
这是无效的,jquery,选择器应该都在$('')
中,像CSS选择器一样,所以它应该是
alert($('img.product-thumbnail').width());
您还需要选择要获取宽度的图像,对于第一个图像,您可以这样做:
alert($('img.product-thumbnail')[0].width());
你应该这样做:
alert($('img.product-thumbnail').width());
但即便如此,这也是有问题的,因为你会得到一个数组。无论如何,您使用的语法是错误的。
相关文章:
- 引导程序转盘不工作:堆叠图像(使用rails)
- 单击水平滚动库中的图像以居中显示无法工作的功能
- 图像翻转脚本未按预期工作
- 在页面中使用了两次多个图像上传,但第一个正在工作,另一个不起作用
- JQuery图像预览无法工作
- 弹出图像无法使用jquery在html中工作
- JQuery图像滑块和CSS转换只能工作一次
- 卷轴上的视差图像和粘滞标题无法正常工作
- 图像占位符没有't的工作原理与Angular 1中的相同
- 图像看起来像一个只在firefox中工作的按钮
- flexislider无法在现场工作,图像没有旋转,但导航点正在改变
- 更改图像src-dons't工作jquery/js
- JQuery图像大小计算没有'不能在Chrome/Safari中工作
- Fancybox图像点击可以独立工作,但不能与我的其他代码一起工作
- 谷歌图书预览没有在安全的https上显示图书图像链接,但在http上工作.在Google Chrome和Touch浏览器
- Elastislide-如何使其在不同的图像宽度下工作
- Jquery只有在加载图像后才能使fadeIn工作
- 在执行 h:命令链接操作时显示工作图像
- 为什么这个jQuery不能工作?图像淡出和淡出
- Flexslider-如何使用单个方向Nav使两个滑块一起工作(图像和段落文本)