OWL-CAROUSEL2带图像标题

问题描述：

这个问题最初由Shaken在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个事件断点。
我错过了什么？

我认为将jsfiddle/bin与应该工作的完整html/css/js隔离是有帮助的。 – lynx

对不起，天猫，不幸的是我在这里是一个先行者，我不知道如何做'jsfiddle/bin'。无论如何，旋转木马操作完美，所以我认为所有的JS依赖（Foundation6 + OWL-carousel + JQuery）是正确的。我添加了另一个信息：OWL插件位于'$（document）.ready（function（）{'）中。如果它可以帮助a提供到在线页面的链接（它现在仍在测试区域中） – Orionis

我想你错过了'translated.owl.carousel'事件，正如答案中提到的那样。可能你需要再次检查答案。以下是工作示例[Jsfiddle]（https://jsfiddle.net/Cerlin/3k4k23dn/2 /）@Cerlin老板 – 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); 
     },`

希望它可以帮助somone。

OWL-CAROUSEL2带图像标题

相关推荐