猫头鹰旋转木马与jQuery UI Draggable

我试图让我的猫头鹰旋转木马中的元素可拖动但它似乎没有工作。 这是我的设置：

HTML：

JS / jQuery：

 jQuery(function(){ //init carousel $(".owl-carousel").owlCarousel({ autoPlay:false, rewindSpeed:500, navigation:false, pagination:false, slideSpeed:1500, mouseDrag:false }); //set up draggable jQuery( '.my-owl-item' ).draggable({ start: function( event, ui ) {console.log('dragging');}, helper : 'clone' }); }); 

我已禁用鼠标拖动旋转木马，因为我可能是原因。 正在触发可拖动的启动function – 它按预期将调试消息输出到控制台。 该元素也被克隆。 所以一切似乎都有效，除非我无法拖动它！

任何帮助非常感谢。

Answer 1

为此，您需要编辑owl-carousel.js文件以与draggable事件完美配合，因为在owl-carousel.js默认情况下它只能在x方向上拖动。 因为我编辑了js文件，所以你可以实现你正在寻找的function。 以下是Edited js文件的链接https://www.dropbox.com/s/2lia6kkeimka94o/owl.carousel.js

在你初始化Owl-carasoul的jquery中，只需删除mouseDrag事件，并将jquery ui放在body标签的末尾。 H

这是我的配置

和

并为头标签

并且html标记是

 
 
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
10
 
11
 
12
 
13
 
14
 
15
 
16
 
17
 
18
 
19
 
20