Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 同步2个owl转盘或添加回调,如;onchangeprov,onchangenext";_Javascript_Jquery_Owl Carousel_Owl Carousel 2 - Fatal编程技术网

Javascript 同步2个owl转盘或添加回调,如;onchangeprov,onchangenext";

Javascript 同步2个owl转盘或添加回调,如;onchangeprov,onchangenext";,javascript,jquery,owl-carousel,owl-carousel-2,Javascript,Jquery,Owl Carousel,Owl Carousel 2,我正在尝试同步2个猫头鹰转盘,以便它们以相同的方式在相同的时间更改幻灯片。旋转木马是环形的。 当我使用此选项时: $("#slider").on('change.owl.carousel', function(event) { $("#text_slider").trigger('to.owl.carousel', [event.item.index,0,true]); }) 到达项目末尾后的第二个旋转木马不会像应该的那个样向前移动(它是循环的),而是向后移动到第一个项目 我还禁用了拖

我正在尝试同步2个猫头鹰转盘,以便它们以相同的方式在相同的时间更改幻灯片。旋转木马是环形的。 当我使用此选项时:

$("#slider").on('change.owl.carousel', function(event) {
    $("#text_slider").trigger('to.owl.carousel', [event.item.index,0,true]);
})
到达项目末尾后的第二个旋转木马不会像应该的那个样向前移动(它是循环的),而是向后移动到第一个项目

我还禁用了拖动并尝试了以下操作:

$('#slider .owl-prev').click(function() {
    $("#text_slider").trigger('prev.owl.carousel');
})
$('#slider .owl-next').click(function() {
    $("#text_slider").trigger('next.owl.carousel');
})
第一次看起来还可以。。。但是自动播放也被启用,并且在两个旋转木马上都是一样的(
autoplay:true,autoplayTimeout:4000,smartSpeed:400
),如果观察旋转木马一两分钟,我可以注意到在更改幻灯片之间出现时间间隔,它们开始异步移动。间隔不大,不到1秒,但确实不需要:(

如果我可以在将项目更改为上一个项目时调用触发器
prev.owl.carousel
,在将项目更改为下一个项目时调用触发器
next.owl.carousel
,并在第二个carousel中禁用自动播放,那就太好了,但我没有找到方法:(


任何关于使用另一个响应速度快、可以循环和同步的滑块插件的建议都是受欢迎的

似乎owl carousel没有解决办法。我发现flexslider可以用于此,它有同步选项,工作正常