引导轮播的条件

Question

我想为具有“.active”类的项目添加条件。

基于此模型： Bootstrap vertical slider

if($(".carousel.vertical .item").is(".active"))
        $(".carousel .active").css("border","2px solid black");
});

Answer 1

您不需要使用 jQuery 来实现这一点。您可以只应用 css 样式。

.item.active {
    border:solid 2px #000;
}

每当新项目变为活动状态时，该样式将应用于新活动元素并从其他元素中删除。

这个小提琴不像你的原始链接那么干净，但它显示了正在运行的代码：

http://jsfiddle.net/wqavm8zt/

使用 jQuery 更新：

您在帖子中的语法有点偏离，您缺少一个左括号：

if($(".carousel.vertical .item").is(".active")) {
    $(".carousel .active").css("border","2px solid black");
};

但是，这仍然只会加载已加载到 DOM 中的项目的样式。类更改时不会应用。

Answer 2

你可以试试

if($(".carousel.vertical .item").hasClass("active"))
    $(".carousel .active").css("border","2px solid black");
});