使用javascript向owl carousel添加项目打破UI（v2.0.4）

Question

相当直接。

我使用0个项目初始化轮播，然后使用javascript添加项目（我确实尝试了虚拟数据和实时数据。调用＆＃34;重建＆＃34;循环后没有帮助。

    <script>
    $(document).ready(
            function() {
            //  $(".owl-carousel").owlCarousel();
                var owl = $(".owl-carousel");// $("#owl-demo");
                // init carousel
                owl.owlCarousel({
                    items : 3,
                    loop : true,
                    nav : true,
                    navText : [ "<", ">" ]
                });

                for ( i=0; i <100; i++)
                {
                    var content = $("<div class='owl-item'><img src='assets/owl3.jpg' ></div>)");
                    owl.data('owlCarousel').add(content);   
                }
                owl.owlCarousel();

            });
 </script>

添加的项目（循环）刚刚溢出整个屏幕。

前3个猫头鹰是静态HTML，所以它们很好。此外，如果我拖动或按下一个，所有的循环猫头鹰将很好地回到该行。

Answer 1

owl.data('owlCarousel').refresh();

解决了这个问题...