大佬教程收集整理的这篇文章主要介绍了jquery – Twitter Bootstrap轮播:获取幻灯片的方向,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我还检查了传递给slid事件的事件处理程序的事件对象,但我似乎也找不到任何有用的线索.
任何帮助,将不胜感激!
所以基本上我看到2个选项.在事件对象中公开方向或在元素上查找右侧或左侧类.
选项1:
您将不得不修改bootstrap轮播代码.在轮播中,滑动功能改变:
e = $.Event('slide')
至
e = $.Event('slide',{direction: direction})
(在bootstrap.js正常版本中的337-340行左右)
然后你可以得到这样的方向:
var $carousel = $('.carousel'); $carousel.carousel(); $carousel.bind('slide',function(e) { console.log("e.direction = " + e.direction); });
或选项2:
等待一段时间将css“left”或“right”类添加到元素中,然后检查该类是否存在.
var $carousel = $('.carousel'); $carousel.carousel(); $carousel.bind('slide',function(e) { setTimeout( function(){ var left = $carousel.find('.item.active.left'); var right = $carousel.find('.item.active.right'); if(left.length > 0) { console.log('left'); } else if(right.length > 0) { console.log('right'); } },500); });
需要超时,因为在触发事件和设置左右类之间存在竞争条件.显然这是一个hackyer解决方案,但您不必修改引导代码.可能还有其他选择,但我觉得选项1是最好的.
编辑:在最新版本的bootstrap css(2.1.1)中,选项1的行更改为:
(第340行)
从:
,e = $.Event('slide',{ relatedTarget: $next[0] })
至:
,{ relatedTarget: $next[0],direction: direction });
以上是大佬教程为你收集整理的jquery – Twitter Bootstrap轮播:获取幻灯片的方向全部内容,希望文章能够帮你解决jquery – Twitter Bootstrap轮播:获取幻灯片的方向所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。