我在页面中有两个轮播滑块,我正在使用slick来实现滑动事件,并希望当您滑动一个轮播时,另一个轮播也能跟着滑动。我已经实现了这一点,但是还有一个细节需要实现。请先查看这个fiddle:
http://jsfiddle.net/eqreem8m/1/
$(document).ready(function(){
$('.slider').slick({
});
// On swipe event
$('.slider').on('swipe', function(event, slick, direction){
var current = $(this).attr('data-slider');
if (direction=='left') {
$('.slider:not([data-slider=' + current + '])').slick('slickNext');
}
else if (direction == 'right') {
$('.slider:not([data-slider=' + current + '])').slick('slickPrev');
}
});
});
我希望当你在轮播图中拖动幻灯片时,其他轮播图也会进行相同的拖动并完全同步。
我已经查看了slick文档,但没有找到任何可以实现这一点的内容。如果您知道任何解决方案(即使使用其他库),我想阅读它。