DIV高度基于滑块上的内容在下一张幻灯片上折叠

时间:2014-01-23 17:13:03

标签: jquery css html height

我正在使用此jquery代码根据滑块上的更多扩展内容来确定height,每张幻灯片都有不同的height读取更多扩展内容。

这是我使用的代码:

$('#super-slideshow-2').height($('.slider_area').height() + 'px');

它在第一张幻灯片上效果很好,但是当我转到下一张幻灯片并点击阅读时,div会自动折叠。我现在不知道我能从这里做什么我尚未尝试过其他任何东西。有什么建议吗?

1 个答案:

答案 0 :(得分:1)

问题是你每次都得到第一个.slider_area的高度,在你离开第一张幻灯片后不再可见,并且可能没有高度。你需要将每个的索引匹配在一起。

$('#super-slideshow-2').height($('.slider_area').eq(index).height() + 'px');

其中index是展示幻灯片的索引。我看不到你的代码,但我认为它与此类似:

var index = $('#super-slideshow-2 li.active').index();

li.active代表屏幕上主动显示的幻灯片,假设$('#super-slideshow-2')ul/ol