如何禁用引导轮播动画
How to disable bootstrap carousel animation?
例如,我有包含 3 张图片的轮播,当轮播滑动时,新图片是通过"滑动"事件添加的
$('#imageCarousel').on('slid', function (event) {
//add more images
});
我想禁用轮播的动画,因此轮播 css 中的过渡时间设置为 0,如此处所示,删除轮播动画。但是在那之后,"滑动"事件不会触发。我无法使用"幻灯片"事件,因为我需要知道轮播中哪个项目处于活动状态,但在"幻灯片"事件之后未设置"活动"类。我该如何解决?谢谢。
我想你可以使用以下代码,
只需从div 中删除slide
类carousel
然后像这样使用,
<div class="carousel">
这将删除幻灯片动画效果,请参阅工作小提琴,
相关文章:
- 无法在第一次单击时禁用链接,并在动画完成后重新启用
- 如何禁用可排序动画 Jquery
- 使用 CSS 禁用动画效果
- 在一定百分比上禁用引导进度条的平滑动画过渡
- 如何使用if hasClass条件禁用jQuery mouseleave事件?//悬停动画
- 如何禁用滚动直到动画完成
- 禁用D3plus宽度更改动画
- 禁用链接,直到所有动画停止,然后再次启用它们
- 满足条件时禁用动画 jQuery
- 在动画过程中禁用单击
- 在动画过程中禁用对元素的单击
- 暂时禁用鼠标滚轮,直到动画结束
- 在页面加载时禁用 CSS 动画,但每隔一段时间工作一次
- 禁用 CSS/JavaScript 动画(转换:Translate3D)
- 如何禁用引导轮播动画
- 是否可以禁用dojo蜘蛛图动画
- GWT Highcharts-禁用系列动画
- 如何在制作动画时禁用链接
- 将元素设置为不透明动画并禁用单击
- jQuery:在动画期间禁用点击