如何查看猫头鹰滑块而不是5只3项目

Question

我想在我的网站上实现猫头鹰滑块，它运行良好，但唯一的问题是，默认情况下，猫头鹰滑块在一张幻灯片上显示5项，所以我需要使它3个项目显示每张幻灯片，而不是5.

我也试着添加下面的代码，它可用在它的官方网站，但它不适合我，请让我知道如何解决。

jQuery(document).ready(function(){ 
jQuery('.owl-demo').owlCarousel({ 
margin: 0, 
responsiveClass: true, 
smartSpeed: 500, 
dots: ($(".owl-carousel .item").length > 1) ? true: false, 
loop:($(".owl-carousel .item").length > 1) ? true: false, 
responsive: { 
    0: { 
     items: 1, 
    }, 
    1140: { 
     items: 3, 
    }, 
    1110: { 
     items: 3, 
    } 
    } 
}) 

感谢

Answer 1

我有类似的问题，以下我的问题是：

1. 我输入一个动态的CSS样式文件;
2. 当文档准备就绪时，动态文件尚未加载，但猫头鹰已被插入;
3. 然后加载动态文件，现在动态文件的一些样式调整了owl-carousel容器，但是现在owl的响应没有被触发;

当所有样式都准备好时，您可能应该初始化猫头鹰。

window.addEventListener("load", function() { 
    jQuery('.owl-demo').owlCarousel({ 
     margin: 0, 
     responsiveClass: true, 
     smartSpeed: 500, 
     dots: ($(".owl-carousel .item").length > 1) ? true : false, 
     loop: ($(".owl-carousel .item").length > 1) ? true : false, 
     responsive: { 
      0: { 
       items: 1, 
      }, 
      1140: { 
       items: 3, 
      }, 
      1110: { 
       items: 3, 
      } 
     } 
    }, false); 

---

另一个wordaround低于：

setTimeout(function() { 
    $('.owl-carousel').trigger('refresh.owl.carousel'); 
}, 500);