如何使用bootstrap scrollspy將類添加到活動菜單項？

Question

我正在使用此代碼，但無法正常工作。

$("#myNavbar").on("activate.bs.scrollspy", function(){ 
    $(this).parent('li').addClass('hvr-overline-reveal'); 
    var currentItem = $(".nav li.active > a"); 
    currentItem.parent("li").addClass("hvr-pulse"); 
    currentItem.addClass("hvr-overline-reveal"); 
}) 
}); 

主要的問題是這樣的：

$("#myNavbar").on("activate.bs.scrollspy", function(){ 
} 

它激活jQuery的，當你滾動頁面。如何在發生時向li元素添加類？

https://jsfiddle.net/Hnk9W/12/

Answer 1

使用此代碼

$('body').scrollspy({ target: '#navbar-example' }); 

更換導航欄例如您的導航欄 閱讀文檔：http://getbootstrap.com/javascript/#scrollspy