Twitter Bootstrap轮播:获取幻灯片的方向

时间:2012-09-14 18:36:28

标签: jquery twitter-bootstrap carousel

如何确定旋转木马是向左还是向右滑动?我查看了滑动和滑动事件的文档,但都没有提供有关幻灯片方向的任何相关信息。

我还检查了传递给slid事件的事件处理程序的事件对象,但我似乎也找不到任何有用的线索。

任何帮助将不胜感激!

2 个答案:

答案 0 :(得分:7)

从3.0.0-rc1开始,以下工作方式可以从索引,索引和幻灯片方向访问活动元素,下一个元素。 根据需要随意降低选择器的特异性。

carousel.on('slide.bs.carousel', function (event) {

  var active = $(event.target).find('.carousel-inner > .item.active');
  var from = active.index();
  var next = $(event.relatedTarget);
  var to = next.index();
  var direction = event.direction;

});

答案 1 :(得分:4)

对于twitter bootstrap 3:

$('#myCarousel').on('slide.bs.carousel', function (event) {
    alert(event.direction);
});