如何使用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