ELLO!
要点: https://jsfiddle.net/andeh/adjgnjyb/2/
<div class="slider">
<ul>
<li class="slide slide1">
slide 1
</li>
<li class="slide slide2">
slide 2
</li>
<li class="slide slide3">
slide 3
</li>
</ul>
</div>
<nav class="menu">
<ul>
<li id="slide1">item1</li>
<li id="slide2">item2</li>
<li id="slide3">item3</li>
</ul>
</nav>
当“幻灯片”在指定页面上时,我希望菜单项具有“活动”类...
即。 该页面有一个整页滑块,上面有3个部分,都与菜单项有关。当它说“关于我们”到“加入我们的团队”时,它将突出显示相关的菜单项......
我创造了一个jsfiddle,所以人们知道我在做什么,因为我在当地制作。如果有人可以提供帮助,那就太棒了!
答案 0 :(得分:1)
unslider还为您提供了附加事件的选项,尽管这些事件是同步的,因此不要在其中添加阻止代码。
https://jsfiddle.net/adjgnjyb/4/
$(document).ready(function() {
var slider = $('.slider').unslider({
autoplay: true,
delay: 5000
});
slider.on('unslider.change', function(event, index, slide) {
$("#slide1, #slide2, #slide3").removeClass("active")
$("#slide" + (index + 1)).addClass("active")
});
});