이미지 캡션이있는 OWL-CAROUSEL2

이 질문에 대한 대답은 원래 2015 년에 발생했습니다.
나는 대답을했지만 디버거가 이벤트가 실행되지 않는다고 말하면 아무 일도 일어나지 않는다.이미지 캡션이있는 OWL-CAROUSEL2

$("#selvigallery").owlCarousel({ 
    singleItem : true, 
    ... 
     onInitialized : function(event){ 
      var activeImg = $('.owl-carousel').find('.active').find('img'); 
      var title = activeImg.attr('title'); 
      if(title) $('.image-caption').html('<h4>'+title+'</h4>'); 
     }, 
     onChanged : function(event){ 
      var activeImg = $('.owl-carousel').find('.active').find('img'); 
      var title = activeImg.attr('title'); 
      if(title) $('.image-caption').html('<h4>'+title+'</h4>'); 
     }, 
    //Transitions 
    transitionStyle : "fade" 

});

가 도달되지 않습니다 2 개 이벤트에 중단 점을 설정 :
다음은 관련 코드입니다.
내가 무엇이 누락 되었습니까?

출처

2016-11-11 Orionis

나는 이것이 작동하도록되어있는 완전한 html/css/js로 jsfiddle/bin에서 이것을 분리하는 것이 도움이 될 것이라고 생각한다. – lynx

죄송합니다 스라소니, 불행히도 여기에 꽤 beginer 해요 그리고 'jsfiddle/bin'할 방법을 모르겠다. 어쨌든 회전식 컨베이어가 완벽하게 작동하므로 모든 JS 양면성 (Foundation6 + OWL-carousel + JQuery)이 올바른 것으로 가정합니다. OWL 플러그인은 '$ (document) .ready (function() {'안에 있습니다. 온라인 페이지에 대한 링크를 제공 할 수 있다면 (지금도 테스트 영역에 있습니다)) – Orionis

답변에 언급 된대로'translated.owl.carousel' 이벤트를 놓친 것 같습니다. 답변을 다시 확인해야 할 수도 있습니다. 다음은 작동 예제입니다. [Jsfiddle] (https://jsfiddle.net/Cerlin/3k4k23dn/2 /) by @Cerlin Boss – Manjunath

는
내가하지 왜 해결,하지만 난 많은 연구 후 2 명 변경했다 : 캡션 교체는 'afterMove'이다 활성화 이벤트를. 아무도 나를 위해 일하지 않습니다. 두 번째 문제는 'addClassActive : true'입니다. 절대적으로 필요합니다. 코드의 마지막 부분은 다음과 같습니다.

` addClassActive : true, 

    afterMove: function(event) { 
    var activeImg = $('.owl-carousel').find('.active').find('img'); 
    var title = activeImg.attr('title'); 
    if(title) $('.hotel-caption').text(title); 
     },`

희망이 있다면 도움이 될 것입니다.

출처

2016-11-14 16:28:18 Orionis

답변

관련 문제