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

标签 javascript jquery twitter-bootstrap

在我的 Bootstrap 轮播中,我今天触发了 event基于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');      
    });

如何实现这一目标?

最佳答案

该事件有一个方向属性(但在我的例子中,“当我点击左边时,方向是相反的”),你不能像这样在它上面设置一个条件吗?

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

关于javascript - 当用户仅向正确方向滑动轮播时如何触发事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48447184/

相关文章:

javascript - 将元素添加到顶部时保持滚动位置

javascript - 捆绑我的 JS/TS 项目是反模式吗?

jquery - fn.toggle( handler(eventObject), handler(eventObject)...) 去哪儿了?

javascript - 抽象 jQuery

javascript - 你能(应该)使用 Twitter Bootstrap 的 "half"吗?

css - Bootstrap 中的 HTML 需要验证消息样式问题

javascript - 仅将 Canvas 复合应用于两个操作

javascript - Next JS 给脚本标签添加数据属性

javascript - 如何在javascript中使用id获取文本框的值

css - 在没有事件组件(js、jquery 等)的情况下检查加载的复选框