html添加一个元素吗,每当一个html元素将类“活动”更改或添加类到另一个

我有一个滑块与自动播放。 每5秒一次，不同类别的幻灯片放映中的不同元素将该类别视为“活动”，您可以看到不同的幻灯片。和往常一样。每当一个html元素将类“活动”更改或添加类到另一个

.topHeaderOfSite.slide1{background-color:red;}

.topHeaderOfSite.slide2{background-color:green;}

.topHeaderOfSite.slide3{background-color:yellow;}

//some code here...

//img ...

//img ...

//img ...

我想，每一个比“活动”类更改幻灯片如时间：“滑件积极的”，“滑件3活跃”，带class =“topHeaderOfSite”元素添加类滑动元件。

//some code here...

我想要这个改变“topHeaderOfSite”背景颜色，不同的幻灯片，不同的颜色。

我试试这个由我的自我，但其只对第一张幻灯片的工作，如果我改变幻灯片和主动去“.slide2' 中，” .topHeaderOfSite“仍然继续有类” .topHeaderOfSite.slide1'

jQuery(document).ready(addClassToTop);

function addClassToTop() {

if($('.slide1').hasClass("active")){

$('.topHeaderOfSite').addClass("slide1");

}else if($('.slide2').hasClass("active")){

$('.topHeaderOfSite').addClass("slide2");

}else if($('.slide3').hasClass("active")){

$('.topHeaderOfSite').addClass("slide3");

}else{$('.topHeaderOfSite').addClass("nothingHappen");

}

+3

你的滑块代码在哪里？请给我们[mcve]。 –

+0

我使用joomla和滑块是一个组件，滑块的名称是“智能滑块3”，但我不认为你需要代码。我正在寻找一种解决方案，我想(java)，在“topHeaderOfSite”上添加类，每次“活跃”类去deffernet幻灯片。 –

+0

为我工作的解决方案是[这里](https://stackoverflow.com/a/9609065/6477961) –