フクロウカルーセル - 非アクティブスライド数をカウントする

Question

私は目に見えないボックスのために何かを作る必要があります。私が最後にスライドすると、カウンターは '0'になります。その始まったばかりカウンタが表示されるはずです場合にのみ、私はまだ見ていなかったものが、私は似たものを作った

（例では3でなければなりません）、それにバグがあり、ちょうどそれを

を扱うことができません

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