当用户仅沿正确方向滑动轮播时，如何触发事件

Question

在我的引导轮播上，我今天触发了一个基于 slide.bs.carousel 的事件，但我想将其限制为只滑向正确的方向。

当前代码(工作(

$('#carousel').on('slide.bs.carousel', function(e) {
      alert('slided a slide');      
    });

我尝试仅在用户向右滑动时触发它(不起作用(：

$('#carousel').on('slide.bs.carousel', {direction: 'right'}, function(e) {
      alert('slide a slide in the right direction');      
    });

如何实现这一点？

Answer 1

该事件具有方向属性(但在我的情况下，方向是"当我单击左侧时"反转的(，您不能像这样对它进行条件吗？

$('#carousel').on('slide.bs.carousel', function(e) {
   if ('right' == e.direction) {
       alert('slided a slide');      
   }      
});

Answer 2

可以使用 preventDefault 来限制它

$('#carousel').on('slide.bs.carousel', function (event) {
  if(event.direction === 'left'){
    event.preventDefault()
  } 
})