猫头鹰旋转木马 - 自动宽度,最后一项从堆栈中拉出

Question

我遇到了OWL CAROUSEL 2的奇怪问题.我正在为12个表创建简单的轮播,但是当使用选项"autoWidth"时,最后一个表从轮播堆栈中拉出.

DEMO

如果你打开小提琴,一年中每个月都有旋转木马.在轮播结束时,没有12月,但是如果你查看源代码,你可以看到12月就在那里.出于某种原因,OWL轮播插件将12月拉出来.

有任何想法吗？提前,非常感谢!

Answer 1

我也刚刚遇到这个问题。我以一种糟糕的方式修复了它，但它正在工作。在两种浏览器中。问题出在owl-stage元素上。owl carousel lib 计算了 width 属性，但这些项目不适合包装器。所以我必须在事件发生后调用一个函数并向其init添加有关内容。100px我使用了 setTimeout 函数。我知道这是一个非常糟糕的方法，但是在我的项目中，发生了很多 js 函数，并且并不总是获得正确的width属性（有时我得到undefined）

所以代码是：

$('.owl-carousel').owlCarousel({
        margin:90,
        nav:true,
        dots:true,
        autoWidth:true,
        afterInit: setWidth()
    });

    function setWidth(){
        setTimeout(function(){
            var carWidth = $('.owl-stage').width() + 100;
            $('.owl-stage').width(carWidth);
        },200);

    }

我确信它可以在没有 的情况下工作setTimeout，但截止日期不能等待（*对此感觉不好）。

希望能帮助到你！