将每个div的高度添加到父容器

时间:2017-07-05 04:12:44

标签: javascript jquery

我有一个容器需要根据其内部元素的高度增长。

这是我的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会根据元素数量及其高度增大或缩小。单击滑块左箭头时,它将转到上一个容器,并与左箭头相同。

任何帮助非常感谢。要求更多背景信息。

干杯

0 个答案:

没有答案