이벤트 리스너가 올빼미 컨베이어에서 작동하지 않습니다.

Question

이벤트에 귀를 기울이기를 원하지만, 저를 위해 작동하지 않습니다. console.log (페이지)를 사용하려고합니다. 페이지 수에 듣는하지만 난 콘솔을 열 때 나는 어떤 반응

var owl = $('.owl-carousel'); 
 

 

 
     owl.owlCarousel({ 
 

 
      onDragged: callback, 
 

 
      animateOut: 'fadeOut', 
 
      animateIn: 'fadeIn', 
 
      items: 1, 
 
      loop: true, 
 
      autoplay: false, 
 
      nav: true, 
 
      dots: true 
 
     }); 
 
     function callback(event) { 
 

 
      var pages  = event.page.count;  // Number of pages 
 

 
      console.log(pages); 
 

 
     }

당신이 도와주세요 수

을 얻을 수 있습니까?

Answer 1

콜백

대신에 이벤트 처리기를 부착 당신은 단지 올빼미 회전 목마의 옵션에 콜백을 추가 할 수 있습니다.

$('.owl-carousel').owlCarousel({ 
    onDragged: callback 
}); 
function callback(event) { 
    ... 
} 

데이터

각 이벤트는 이벤트 객체 내에서 매우 유용한 정보를 전달합니다.

function callback(event) { 
    // Provided by the core 
    var element = event.target;   // DOM element, in this example .owl-carousel 
    var name  = event.type;   // Name of the event, in this example dragged 
    var namespace = event.namespace;  // Namespace of the event, in this example owl.carousel 
    var items  = event.item.count;  // Number of items 
    var item  = event.item.index;  // Position of the current item 
    // Provided by the navigation plugin 
    var pages  = event.page.count;  // Number of pages 
    var page  = event.page.index;  // Position of the current page 
    var size  = event.page.size;  // Number of items per page 
} 

에서 : 위의 예제를 바탕으로

http://www.owlcarousel.owlgraphic.com/docs/api-events.html

귀하의 예를 나에게 잘 보이는, 당신의 속성이 owlCarroussel로 이동합니다 확인 후 전에 인쇄 할 수 있습니다. 올바른 jQuery 헤더를 추가 했습니까?

<a href="http://jquery.com/">jQuery</a> 
<script src="jquery.js"></script> 
<script> 
    var owl = $('.owl-carousel'); 

    alert('before') 
    owl.owlCarousel({ 

     onDragged: callback, 

     animateOut: 'fadeOut', 
     animateIn: 'fadeIn', 
     items: 1, 
     loop: true, 
     autoplay: false, 
     nav: true, 
     dots: true 
    }); 
    alert('After') 
    function callback(event) { 

     var pages  = event.page.count;  // Number of pages 

     console.log(pages); 

    } 
</script>