尝试根据当前处于活动状态的幻灯片更改下一个和上一个光滑滑块箭头

时间:2017-06-08 16:47:35

标签: jquery

我正确设置了光滑的滑块,并且工作正常。

我还给每张幻灯片一个特定的ID,

ex: <a id="education" href="www.test.com">

从看看光滑的滑块功能。我目前有3张幻灯片。每张幻灯片是视图中的幻灯片(或焦点可能是一个更好的词)。 Slick为幻灯片提供了一个“光滑活跃”的类型。和&#34;光滑的电流&#34;。

在一个简单的世界中,我只想编写一个基本的jquery if / else语句来检查我想要的幻灯片是否具有光滑活动类。如果是这样,我想要一个类添加到另一个元素。

所以我的jquery目前:

function sliderChange() {

 console.log('slider change ready');

 if ( $("#education").hasClass('slick-active') ) {
    alert('education got the class');
 }

}

幻灯片在HTML中的设置方式

<a id="education" href="/education" class="link" style="background-image:url(/content/1-home/legal.png)">
</a>

&#39;光滑活性&#39;被添加到&#34;链接&#34;激活滑块时的类。但似乎我的sliderChange()函数正在运行,但是光滑的是改变了它不能反映在我的jQuery中的类。我认为他们这样做是在忽略DOM设置而忽略了我的功能?

我的目标是在特定幻灯片聚焦后,将当前css类中的下一个/上一个按钮的颜色更改为白色。如果我可以让jquery接受课堂改变,我相信我可以自己做其余的事。

非常感谢任何帮助。对于一个简单的功能,它非常烦人^^

0 个答案:

没有答案