在触摸设备中滑动两个引导轮时,如何使它们一起滑动

时间:2019-01-07 17:08:04

标签: twitter-bootstrap bootstrap-4 synchronization swipe bootstrap-carousel

我有两个并排的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');
});
 

文本滑块卡在了页面上

0 个答案:

没有答案