猫头鹰旋转木马检查项目计数做某事

Posted 2023-05-07

【中文标题】猫头鹰旋转木马检查项目计数做某事

【英文标题】：Owl carousel checks item count for doing something

【发布时间】：2021-12-07 23:55:20

【问题描述】：

我有一个猫头鹰轮播，我想写一个函数，可以检查项目数是否等于1，然后禁用相应的导航箭头。

请帮帮我，这是我尝试过的（该功能将显示控制台中的项目数量及其各自的索引，但它不起作用）

 var owl = $('.owl-carousel').owlCarousel(
        loop: true,
        margin: 10,
        responsiveClass: true,
        dots: false,
        responsive: 
            0: 
                items: 1,
                nav: false,
            ,
            767: 
                items: 2,
                nav: false
            ,
            1000: 
                items: 3,
                nav: true,
                loop: false
            ,
            onDragged  : callback
        
    )

 function callback() 
        var items = event.items.count;
        var item = event.item.index;
        console.log(items,item);
    

【参考方案1】：

让我们这样尝试：

 var owl = $('.owl-carousel').owlCarousel(
        loop: true,
        margin: 10,
        responsiveClass: true,
        dots: false,
        responsive: 
            0: 
                items: 1,
                nav: false,
            ,
            767: 
                items: 2,
                nav: false
            ,
            1000: 
                items: 3,
                nav: true,
                loop: false
            ,
            onDragged  : callback
        
    )


function callback(event) 
  var navValue = $(this).get(0).options.nav;
  console.log('Old nav value = ' + navValue);
  if (event.item.count == 1) 
    //if total count of items = 1 - we change value        
    navValue = false;
    //check if changed
    console.log('New nav value = ' + navValue);
  
;

【参考方案2】：

这可以通过一个选项来完成：

loop: false

做你想做的。