bootstrap从nav中删除class active

时间:2014-10-15 22:09:47

标签: jquery twitter-bootstrap

我无法从导航栏中删除“活跃”类。我试过这个:

$(document).ready(function(e){ e.stopImmediatePropagation(); $('.nav li').removeClass('active');//or $('.active').removeClass('active'); });

还试过这个:

setInterval(function(){ $('.active').removeClass('active');//remove class active },1000);

编辑:

这实际上有效但对我不​​起作用:

jQuery(document).ready(function($){$('.nav li').removeClass('active');});}

我必须提到我在下拉列表中有另一个导航,可能会从Twitter Bootstrap Nav Tabs触发'active'类。所以我想我只能在主导航的课上应用这个功能? 所以我尝试了这个:

<script>jQuery(document).ready(function($){$('.no-active li').removeClass('active');});} </script>

HTML:

<ul id="menu-menu-1" class="nav navbar-nav no-active">

但是,无论何时移动,我的主导航仍然会“活跃”:

<ul class="nav nav-tabs">

1 个答案:

答案 0 :(得分:1)

<强>更新

如果你正在使用Bootstrap导航标签,那么我可以从当前活动的列表元素中删除活动

$(".nav-tabs > li.active").removeClass("active")

我不认为只选择.nav是有效的,因为它会选择所有带有'nav'类的元素(包括你的主导航)。我仍然不确定我是否100%理解你的问题,我希望这会有所帮助。


我刚刚在Bootstrap网站上试过这个(你有一个Bootstrap导航栏吗?)使用Chrome开发工具和

$('.nav li').removeClass("active")

对我来说很好。你能举例说明你的HTML吗?