Javascript 在旋转木马中拖动时如何调用函数?
顺便说一句,这段代码也可以工作,但还有一件事我想提醒()或在用户单击拖动旋转木马项目时调用函数。 我已经阅读了使用旋转木马事件的文档,但仍然找不到结果 我将使用此drag.owl.carousel draugd.owl.carousel选项来提醒或调用函数,但它对我无效Javascript 在旋转木马中拖动时如何调用函数?,javascript,jquery,owl-carousel,Javascript,Jquery,Owl Carousel,顺便说一句,这段代码也可以工作,但还有一件事我想提醒()或在用户单击拖动旋转木马项目时调用函数。 我已经阅读了使用旋转木马事件的文档,但仍然找不到结果 我将使用此drag.owl.carousel draugd.owl.carousel选项来提醒或调用函数,但它对我无效 $.ajax({ type: "GET", url: "<?php echo base_url('main/data/12'); ?>", dataType: "json", cache: f
$.ajax({
type: "GET",
url: "<?php echo base_url('main/data/12'); ?>",
dataType: "json",
cache: false,
success: function (data, st) {
if (st == 'success') {
$.each(data, function (i, obj) {
var out = '<div class="row item">';
out += '<div class="product">';
out += '<div class="image">';
out += '<a href=""><img src="asset/img/main/9.jpg" alt="img" class="img-responsive"></a>';
out += '<div class="promotion"><span class="discount">' + obj.prodId + '</span> </div>';
out += '<div class="description"><div class="price"><span>' + obj.prodPrice + '</span></div><h4><a href="#">' + obj.prodName + '</a></h4>';
out += '<p>short detial</p>';
out += '</div>';
out += '</div>';
$(out).appendTo(".owl-carousel");
});
}
var owl = $(".owl-carousel");
owl.on( 'drag.owl.carousel dragged.owl.carousel', function(e) {
alert(e);
});
owl.owlCarousel({
loop: true,
nav: true,
lazyLoad: true,
margin: 10,
video: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
960: {
items: 5,
},
1200: {
items: 6
}
}
});
}
});
$.ajax({
键入:“获取”,
url:“”,
数据类型:“json”,
cache:false,
成功:功能(数据,st){
如果(st==“成功”){
$。每个(数据、功能(i、obj){
var out='';
out+='';
out+='';
out+='';
out+=''+obj.prodId+'';
out+=''+obj.prodPrice+'';
out+='短期数据';
out+='';
out+='';
$(输出)。附加到(“.owl carousel”);
});
}
var owl=$(“.owl carousel”);
on('drag.owl.carousel draugd.owl.carousel',函数(e){
警报(e);
});
猫头鹰旋转木马({
循环:对,
导航:是的,
懒汉:没错,
差额:10,
视频:没错,
响应:{
0: {
项目:1
},
600: {
项目:3
},
960: {
项目:5,
},
1200: {
项目:6
}
}
});
}
});
您的代码在Owl Carousel 2.x上运行良好。如果必须使用版本1,则可以在初始化对象中提供事件侦听器作为startDragging
属性:
owl.owlCarousel({
loop: true,
startDragging: function(e) {
alert(e);
},
...
});
无法复制:好的,谢谢,我必须更新旋转木马版本,因为我目前的版本是1.3,所以当我升级到2时,它会工作