Question

使用caroufredsel插件来实例化响应式旋转木马，我遇到了问题。当我通过拖动窗口改变窗口大小一切正常，但是当我使用最大化按钮最大化窗口时，旋转木马的高度不会调整，留下下面的间隙（除了在Opera中）。看起来浏览器没有正确激活resize事件。我已经做了一项研究，并找到了类似的帖子和建议，但没有任何对我有用。这看起来更像是在单击最大化按钮时未正确处理调整大小事件的问题。有没有人有什么建议？提前致谢。这是代码：

$slider.carouFredSel({
    responsive: true, 
    auto : false,
    height: 'variable',
    prev : "#carousel_nav_left",
    next : "#carousel_nav_right",
    circular  : true,
    infinite  : true,
    scroll: {
        items: 1,
        mousewheel: true,
        easing: "easeInOutQuint",
        duration: 700,                      
    },
    swipe: {
        onTouch: true,
        onMouse: true,
        easing: "easeInOutQuint",
        duration: 500
    }, 
    items: {
        width: 320,
        height: 'variable',
        visible: {
            min: 1,
            max: 3
        }
    },                  
});

编辑：

其他帖子中提供的修复是在初始化期间添加以下代码：

onCreate: function () {
    $(window).on('resize', function () { $slider.parent().add($slider).height($slider.children().first().height();
}).trigger('resize');

}

Answer 1

这是正确的：

    onCreate: function () {
        $(window).on('resize', function () {
            $slider.parent().height($slider.children().first().height())
        })
    }

CarouFredSel响应高度问题

1 个答案: