用unslider添加「活動」類到單獨菜單

Question

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，讓人們知道即時獲取的內容，就像我在本地製作的那樣。如果有人能幫上忙，那太棒了！

Answer 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") 
}); 
});