我有两个并排的bootstrap轮播(一次显示一个图像)。当其中任何一个在触摸设备上滑动时,我需要使它们一起滑动。
我尝试使用具有“数据目标”和“数据滑动至”属性的单个轮播指示器将两个轮播一起滑动,但这给我带来了另一个问题。当我从第一个滑块滑到除了紧随其后的滑块之外的其他滑块时,该特定滑块中显示的内容仍停留在页面上。此外,如果我尝试滑动到该特定滑块,则什么也没发生!
$('。carousel-sync')。on('slide.bs.carousel',function(ev){
var dir = ev.direction =='right'吗? 'prev':'next';
$('。carousel-sync')
.not('。sliding')
.addClass('sliding')
.carousel(dir);
});
$('。carousel-sync')。on('slid.bs.carousel',function(ev){
$('。carousel-sync')。removeClass('sliding');
});