Javascript 如何使用Owl转盘2根据转盘中的项目数更改选项？

我在一个项目中使用了OWLCarousel2，该项目具有动态内容，可以添加无限量的幻灯片

所以可能有一个只有三张幻灯片的例子，或者有一个只有六张幻灯片的例子

我想要的功能是，如果幻灯片少于四张（旋转木马一次显示四个项目），则添加

mouseDrag:false

和

touchDrag:false

选项

这是我的JS：

$('.owl-carousel').owlCarousel({
    loop:false,
    margin:20,
    responsive : {
        // breakpoint from 0 up
        0: {
            items: 1,
            mouseDrag:true,
            touchDrag:true
        },
        // breakpoint from 480 up
        500: {
            items: 2,
            mouseDrag:true,
            touchDrag:true
        },
        // breakpoint from 768 up
        740: {
            items: 3,
            mouseDrag:true,
            touchDrag:true
        },
        // breakpoint from 1024 up
        980: {
            items: 4,
            mouseDrag:false,
            touchDrag:false
        }
    }
})

因此，当前当视口宽度超过1024px时，无论有多少项，它都将删除拖动功能。这意味着您最多只能看到4个（如果有）

谢谢，

---

Jay

请查看此答案，您可以根据需要进行更改

下面是我正在使用的V2代码：

注意，我使用了基于item_计数的变量值，如果只存在1个.item，则将“false”应用于：loop:true\u false，nav:true\u false

$(function () {
  var owl_instance = $('.sectionlist .owlcarousel');
  var item_count = parseInt(owl_instance.find('.item').length);
  var true_false = 0;
  if (item_count <=1) {true_false = false;} else {true_false = true;}
  //
  // control nav visiblity thumbs shown vs thumbs allowed visible
  // see: http://stackoverflow.com/a/33252395/3794783
  //
  owl_instance.on('initialized.owl.carousel resized.owl.carousel', function(e) {
      $(e.target).toggleClass('owl-nonav', e.item.count <= e.page.size);
  }); 
  owl_instance.owlCarousel({  
    themeClass: 'owltheme-smallnav',
    items:3,
    responsive:{
          0:{items:1,nav:true},
          605:{items:3},
          670:{items:3},
          1250:{items:3},
          1520:{items:3}
     },
    //margin:0,
    navRewind:false, // Go to first/last.
    // *****************
    loop:true_false, 
    nav:true_false,
    // backport the classes to older used ones
    navContainerClass: 'owl-buttons',
    dotsClass: 'owl-pagination',
    dotClass: 'owl-page',
    navText: [
    '',
    ''
    ],
    autoplayHoverPause:true, //false
    lazyLoad: true,
    dots:true // false
  });
});

$（函数（）{
var owl_instance=$（'.sectionlist.owlcarousel'）；
var item_count=parseInt（owl_instance.find（'.item'）.length）；
var true_false=0；
如果（项目)