Question

我必须为看不见的盒子制作类似计数器的东西。如果我滑到结束，计数器应为'0'。如果它刚开始的计数器应该只显示我仍然没有看到的那些（例如它应该是3）

我做了类似的东西，但是里面有bug，而且无法处理它

jquery或javascript https://jsbin.com/vifakamaha/edit?html,js,output

 var owl = $('.owl-carousel');
owl.owlCarousel({
        items: 4,
        responsive: {
            0 : {
                items: 1
            },
            500 : {
                items: 2
            },
            991 : {
                items: 3 
            },
            1200 : {
                items: 4
            },

        }
    });

    var nextAfterActive = $(".owl item.active").last().nextAll().length;
    $('.count').html(nextAfterActive);

owl.on('changed.owl.carousel', function(event) {
    var nextAfterActive = $(".owl-item.active").last().nextAll().length;
    $('.count').html(nextAfterActive);
})

Answer 1

我认为您没有使用正确的事件，owl carousel's API docs，我认为您应该使用dragged事件，例如：

owl.on('dragged.owl.carousel', function(event) {
    var nextAfterActive = $(".owl-item.active").last().nextAll().length;
    $('.count').html(nextAfterActive);
})

https://jsbin.com/tejilacace/1/edit?html,js,output

猫头鹰轮播 - 计算非活动幻灯片

1 个答案: