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