Question

这个问题最初是由Shaken在2015年提出的我做了那里的回答，但是调试器告诉我事件永远不会被触发，所以没有任何事情发生，尽管旋转木马工作得很好。
以下是相关代码：

$("#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个事件上设置断点我错过了什么？

Answer 1

<强>解决
我不知道为什么，但经过大量研究后我做了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);
        },`

希望它可以帮助你。

OWL-CAROUSEL2带图像标题

1 个答案: