javascript - 在 Owl Carousel 中为猫头鹰项目添加 +1 类

标签 javascript jquery owl-carousel

我正在尝试为我的 owl-carousel 的每张幻灯片添加一个不同的类。

例子:

幻灯片 1 将用于类

owl-item one

幻灯片 2 将有

owl-item two

等等

它需要通过 javascript/jquery 来完成,因为它用于动态目的。

任何帮助都会很棒!

谢谢!

最佳答案

在 owl 初始化后,遍历 owl 项目并为每个项目添加一个类。

$.each($('.owl-item'), function(i, item) {
    $(item).addClass('num-' + i);
    console.log(item);
});

示例:https://jsfiddle.net/cr29y1tc/25/

关于javascript - 在 Owl Carousel 中为猫头鹰项目添加 +1 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46712111/

相关文章:

javascript - JS 状态意外更新

javascript - 对多个 Owl Carousel 使用不同的 css

javascript - 我如何在我的网站上使用 jquery?

jquery - 多个 jQuery 脚本无法在同一页面上运行

jquery - iFrame 中的 Firebug 和 jQuery 选择器

javascript - ajax调用后如何重新初始化Owl Carousel?

html - 当两个侧列必须消失时,如何让 Bootstrap 使中心列在所有尺寸下都居中

javascript - 将数组分配为映射中的对象值

javascript - 为什么 IE 不取消选择 $(element).val ('' ); 选项?

javascript - HTML javascript 全屏