尝试执行 if 语句来检测列表项是否具有分配给它的类“关于”“活动”和“项目”。我读过的每篇文章都是为了检查该项目是否具有三个类别之一。我想知道该项目何时具有所有三个类别。请任何帮助都会有所帮助,谢谢。
这就是我到目前为止所拥有的
var $activeItem = $("#project05 ol.carousel-inner li.item");
if ($activeItem.hasClass('about') & $activeItem.hasClass('active') & $activeItem.hasClass('item')) {
alert("slide4 about is selected");
}
这是 HTML
<div id="project05" class="carousel slide">
<!-- Carousel items -->
<ol class="carousel-inner">
<li class="item home active">
</li>
<li class="item about">
</li>
<li class="item solutions">
</li>
<li class="item approach">
</li>
</ol>
<!-- Carousel nav -->
<ol class="carousel-linked-nav">
<li class="active"><a href="#1">Home</a></li>
<li><a href="#2">About</a></li>
<li><a href="#3">Solutions</a></li>
<li><a href="#4">Approach</a></li>
</ol>
<a class="carousel-control left" href="#project05" data-slide="prev">‹</a>
<a class="carousel-control right" href="#project05" data-slide="next">›</a>
</div>
对于那些可能想知道的人,这是我正在寻找的答案。
function carouselSlide() {
$('#exterior-page .carousel').bind('slid', function() {
$('#exterior-page.carousel-linked-nav .active').removeClass('active');
var idx = $('#exterior-page .carousel .item.active').index();
$('#exterior-page .carousel-linked-nav li:eq(' + idx + ')').addClass('active');
if(idx === 0) {
// alert("home page");
$("#main-nav").removeClass();
$("#main-nav").addClass('home-color');
}
else if(idx === 1) {
// alert("about page");
$("#main-nav").removeClass();
$("#main-nav").addClass('about-color');
}
else if(idx === 2) {
// alert("solutions page");
$("#main-nav").removeClass();
$("#main-nav").addClass('solutions-color');
}
else if(idx === 3) {
// alert("approach page");
$("#main-nav").removeClass();
$("#main-nav").addClass('approach-color');
}
});
}