首页 文章

bootstrap从nav中删除class active

提问于
浏览
1

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

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

还试过这个:

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

EDIT:

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

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

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

<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 回答

  • 1

    Update

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

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

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


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

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

    对我来说很好 . 你能给出你的HTML样本吗?

相关问题