Условие автостопщика

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/

UPDATE с помощью 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"); 
});