点击或自动播放的猫头鹰旋转木马事件
Owl Carousel Event from Click or Autoplay
试图找到一种方法来区分由鼠标点击触发的Owl Carousel 2.0事件(translate
或change
)与由自动播放事件触发的事件。
我将非常感谢以更通用的形式解决问题的答案——对于一个可以由用户和setInterval
同时触发的事件,该事件是否有任何属性可以帮助区分来源?
示例设置
您可以使用布尔值来跟踪单击转盘的时间。
var clicked = false;
$('.carousel').click(function() {
clicked = true;
$(this).trigger('next.owl.carousel');
});
$('.carousel').on('change.owl.carousel', function(event) {
if (clicked) {
clicked = false;
$('.info').text('click');
} else {
$('.info').text('autoplay');
}
});
更新的小提琴:http://jsfiddle.net/jn67faot/
我想您这样做是为了给自动播放事件添加一些逻辑。
如果你是的话,我可以通过做以下事情来实现这一点。
在owl.carousel.js文件中,您可以找到自动播放事件。在我的特殊情况下,我希望在自动播放处理的末尾添加功能。
Autoplay.prototype._next = function(speed) {
// Native Carousel Logic
// Additional Custom Code here
}
相关文章:
- 猫头鹰旋转木马2罐头't使渐变动画工作
- 猫头鹰旋转木马宽度计算错误
- 猫头鹰旋转木马动画未在Chrome中应用
- 猫头鹰旋转木马:无法读取属性'visibleItems'的未定义
- 猫头鹰旋转木马2-拖动方向
- 如何在猫头鹰旋转木马中滑动所有可见项目,而不是使用上一个/下一个按钮
- 猫头鹰旋转木马需要滚动效果的导航悬停
- 如何在猫头鹰旋转木马中添加随机动画效果
- 猫头鹰旋转木马不存在
- jQuery的正确使用?猫头鹰旋转木马
- 猫头鹰旋转木马2动画不工作
- 猫头鹰旋转木马-自动高度移动问题
- 猫头鹰旋转木马2导航
- 猫头鹰旋转木马2从具有特定内容的元素接收项目索引
- 回调事件不起作用-使用猫头鹰旋转木马
- 猫头鹰旋转木马2不工作Magento
- 猫头鹰旋转木马 2 随机功能
- 知道我的物品是否是最新的 - 猫头鹰旋转木马
- 猫头鹰旋转木马不起作用,也许我链接不正确
- 猫头鹰旋转木马 V1 禁用/启用拖动