我有一个容器需要根据其内部元素的高度增长。
这是我的javascript
function t($element) {
var e = 0;
$current = $('.w-slide.current');
if ($element == null)
$future = $current;
else {
if ($element.parent().hasClass('w-slider-arrow-right'))
$future = $current.next()
else
$future = $current.prev()
}
$current.removeClass('current');
$future.addClass('current');
$('.section-wrapper').css('height', $future.height() + 'px');
}
jQuery('.w-slider-arrow-right .slide-arrow, .w-slider-arrow-left .slide-arrow').click(function() {
t($(this));
});
$(window).ready(function() {
$('.slide-mask .w-slide:nth-child(1)').addClass('current');
t(null);
});
当您单击滑块箭头右侧时,它将转到下一张幻灯片并获取该容器中所有元素的高度,并且div会根据元素数量及其高度增大或缩小。单击滑块左箭头时,它将转到上一个容器,并与左箭头相同。
任何帮助非常感谢。要求更多背景信息。
干杯