我正在循环浏览一组图像,然后设置它们的高度以匹配一个变量。以下代码在 Firefox 上运行良好,但在 Android 浏览器中无响应。想法?
var x = 100;
count_li = 5;
for (var i = count_li - 1; i >= 0; i -= 1) {
var carousel_img = '#carousel_img_' + [i];
$(carousel_img).css('height', x);
}
我有一组 5 张可能看起来像这样的图像:
<img id="carousel_img_0" src="img_0.jpg"/>
<img id="carousel_img_1" src="img_1.jpg"/>
etc...
这是一个类似的帖子供参考,但我没有找到我需要的内容。
第二个直接相关的问题是此代码存在确切问题:
var img_w = $(carousel_img).width();
大概它也需要一个“px”引用,但我不知道语法。
解决方案------------------------------------------------ ---------
正如马特所说,这
$(carousel_img).css('height', x);
需要在末尾添加一个“px”,如下所示:
$(carousel_img).css('height', x + 'px');