我有以下代码来根据窗口高度是否小于 750 像素来调整图像大小。问题是,虽然有多个图像具有 .squash
类,但脚本会获取第一个图像,计算新的高度,然后将该高度应用于所有 图像类.squash
。我也尝试过不使用 .each
,但结果相同。
非常感谢指出我哪里出错了! MTIA
$('img.squash').each (
function() {
var oldSquashHeight = $('img.squash').height();
newSquashHeight = oldSquashHeight * 0.8;
$('img.squash').css({'height' : newSquashHeight + 'px'});
}
)}
最佳答案
$('img.squash').css({'height' : newSquashHeight + 'px'});
应更改为
$(this).css({'height' : newSquashHeight + 'px'});
和
var oldSquashHeight = $('img.squash').height();
至
var oldSquashHeight = $(this).height();
关于jquery - 对于每个对所有实例应用相同高度变化的情况,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5711783/