Javascript 猫头鹰转盘2-单击幻灯片时拖动处于活动状态

Javascript 猫头鹰转盘2-单击幻灯片时拖动处于活动状态,javascript,jquery,owl-carousel,owl-carousel-2,Javascript,Jquery,Owl Carousel,Owl Carousel 2,我正在使用猫头鹰旋转木马2,我已经(并且想要)激活了鼠标拖动和触摸拖动 但是,当我单击幻灯片中的任何内容时,owl认为我拖动并更改了幻灯片,所以它会触发OnDraged回调。我没有改变幻灯片,我只是点击了一个幻灯片(“mousedown”,“mouseup”启动) 当且仅当我通过拖动移动更改特定幻灯片时(例如:我从幻灯片1转到幻灯片2),我希望能够做一些事情。更具体地说,我想阻止onDragStart,除非我真的从一张幻灯片切换到另一张幻灯片 我做错了什么?你可以试试这样的。在全局变量(onDr

我正在使用猫头鹰旋转木马2,我已经(并且想要)激活了鼠标拖动和触摸拖动

但是,当我单击幻灯片中的任何内容时,owl认为我拖动并更改了幻灯片,所以它会触发OnDraged回调。我没有改变幻灯片,我只是点击了一个幻灯片(“mousedown”,“mouseup”启动)

当且仅当我通过拖动移动更改特定幻灯片时(例如:我从幻灯片1转到幻灯片2),我希望能够做一些事情。更具体地说,我想阻止onDragStart,除非我真的从一张幻灯片切换到另一张幻灯片


我做错了什么?

你可以试试这样的。在全局变量(onDrag)中更改幻灯片之前存储当前幻灯片的索引。幻灯片更改(非翻译)后,再次检查索引,看看索引是否仍然相同。如果没有更改-->幻灯片

此处列出了所有事件:


你可以试试那样的。在全局变量(onDrag)中更改幻灯片之前存储当前幻灯片的索引。幻灯片更改(非翻译)后,再次检查索引,看看索引是否仍然相同。如果没有更改-->幻灯片

此处列出了所有事件:


2天的时间就这么简单了。谢谢你的帮助,这正是我所需要的!2天的时间就这么简单了。谢谢你的帮助,这正是我所需要的!
var indexBeforeChange = -1;
$(function () {
    if ($('#slider .item').length > 1) {
        $('#slider').owlCarousel({
            onDrag: slideBeforeChange,
            onTranslated: slideChanged
        });
    }
});
function slideBeforeChange(event) {
    indexBeforeChange = event.page.index;
    console.log('indexBeforeChange: ' + indexBeforeChange);
}
function slideChanged(event) {
    var indexAfterChange = event.page.index;
    if (indexAfterChange != indexBeforeChange) {
        console.log('Slide changed, indexAfterChange: ' + indexAfterChange);
    } else {
        console.log('Slide did not change');
    }
}