0
在我的引导站点下拉列表有点麻烦。bootstrap导航栏按钮下拉不会消失点击
当导航栏已瘫倒在切换的按钮,我点击它,它正确地显示在下拉列表中,但是当我点击一个链接,它关系到正确部分的下拉列表中不消失就像我想要的那样。
它是我的第一个bootstrap网站,我是一个新手webdev ...所以尽管搜索bootstrap网站...我已经空了。
任何帮助,非常感谢。
亚历
在我的引导站点下拉列表有点麻烦。bootstrap导航栏按钮下拉不会消失点击
当导航栏已瘫倒在切换的按钮,我点击它,它正确地显示在下拉列表中,但是当我点击一个链接,它关系到正确部分的下拉列表中不消失就像我想要的那样。
它是我的第一个bootstrap网站,我是一个新手webdev ...所以尽管搜索bootstrap网站...我已经空了。
任何帮助,非常感谢。
亚历
尝试这样的:
设置一个id
到切换按钮,并设置共同class
名在导航栏是链接按钮,并写点击时一样的条件链接按钮,当导航处于如下的折叠状态时,按钮切换也一起点击
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button id="btnCollapse" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a class="a" href="#">Link</a></li>
<li><a class="a" href="#">Link</a></li>
<li><a class="a" href="#">Link</a></li>
<li><a class="a" href="#">Link</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
SCRIPT:
$(".a").click(function() {
if ($("#btnCollapse").css('display')!='none')
$("#btnCollapse").click();
});
衷心感谢你的好先生,请原谅我,但是这是我第一次引导网站和IM不知道你的意思...的ID btnCollapse添加到按钮....添加脚本....它不工作....多数民众赞成可能因为我不知道你的意思是通过设置常用的类名称该链接按钮。 soory我是一个noob :( – 2014-09-05 09:26:02
看到我的代码和演示,我设置id =“btnCollapse”到
你是一个传说:D谢谢,我不能相信我错过了那么......它的功能非常好,我猜我最好回到完成课程的Javascript版本。 – 2014-09-05 10:50:31