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

时间:2018-01-25 16:04:23

标签: javascript jquery twitter-bootstrap

在我的引导程序轮播中,我今天触发了基于slide.bs.carousel的event,但我想将其限制为仅滑向正确的方向。

当前代码(正常工作)

$('#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');      
    });

如何实现这一目标?

2 个答案:

答案 0 :(得分:1)

该事件具有方向属性(但在我的情况下,当我点击左侧时,方向反转'正确',你不能像这样对它做一个条件吗?

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

答案 1 :(得分:0)

Can use preventDefault to restrict it

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