$(function()
$(window).resize(function() {
var $height=$(". img").height();
console.log($height);
});
})
这里 img 是三张图片(轮播图),当第一张展现的时候可以正常输出height ,到后两张图片展示的时候,$height的值成了0,求解
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
$(".img").height()只能拿到第一张图片的高度,而拿不到后面两张的,想拿后面两张的高度的时候,请使用:我觉得你的轮播图应该是轮播到第二张的时候,第一张图片已经隐藏了,然后你又拿到第一张图片的height,正因为第一张图片已经隐藏了,所以你拿到的height为0。
建议调整下:
给当前显示的图片加个
class,比如active,默认在第一张轮播到第二张的时候,把第一张图片的className
active干掉,然后把第二张图片加上classNameactive然后在
resize里通过$(.img.active).height()来获取高度。因为eq(0)只能获取图片数组的首个元素,除非你的HTML结构发生变化,不然获取的应该一直都是同一个。