Javascript 推特引导导航折叠单击隐藏

Javascript 推特引导导航折叠单击隐藏,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,单击菜单项时,菜单不会关闭。我已经检查了JS和CSS的导入,看起来一切都很好,我还需要做些什么来运行菜单吗 <!-- Fixed navbar --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <button ty

单击菜单项时,菜单不会关闭。我已经检查了JS和CSS的导入,看起来一切都很好,我还需要做些什么来运行菜单吗

<!-- Fixed navbar -->
<nav class="navbar  navbar-default  navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>

        <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#home" class="active scroll">Home</a></li>
                <li><a href="#about" class="scroll">Sobre</a></li>
                <li><a href="#services" class="scroll">Serviços</a></li>
                <li><a href="#testimonials" class="scroll">Opiniões</a></li>
                <li><a href="#gallery" class="scroll">Gallery</a></li>
                <li><a href="#news" class="scroll">News</a></li>
                <li><a href="#contact" class="scroll">Contact</a></li>
            </ul>
        </div>
    </div>
</nav>


我不确定,但我认为这可能取决于jquery用户界面。。。一些引导功能是。就目前对这个问题的了解而言,我无能为力。。。 我在进口方面也遇到了很多麻烦。。您可以尝试在浏览器调试控制台上检查,以确保正在加载所有内容。。在chrome上:f12,制表符来源


我希望它能有所帮助。

我不确定,但我认为这可能取决于jquery用户界面。。。一些引导功能是。就目前对这个问题的了解而言,我无能为力。。。 我在进口方面也遇到了很多麻烦。。您可以尝试在浏览器调试控制台上检查,以确保正在加载所有内容。。在chrome上:f12,制表符来源

我希望这对我有帮助。

对我来说很有用

$(文档).ready(函数(){
$('.navbar collapse a')。在('click',function()上{
$('.navbar toggle')。单击();
});
});

对我来说很有效

$(文档).ready(函数(){
$('.navbar collapse a')。在('click',function()上{
$('.navbar toggle')。单击();
});
});

试试看,我认为它很有用。
切换导航
试试看,我认为它很有用。
切换导航
看看这个


看看这个



我相信您的
数据目标
需要与导航栏的ID匹配;您的数据目标与类名匹配。@RobertC但这正好(#myNavbar)。我相信您的
数据目标需要与navbar的ID匹配;它与类名匹配。@RobertC但这正好(#myNavbar)。它不起作用,单击后,菜单保持打开隐藏内容如果不想隐藏navbar下的内容,则需要从navbar中删除“navbar fixed top”类,就像这样,单击后它不起作用,隐藏内容菜单保持打开状态如果您不想隐藏navbar下面的内容,则需要从navbar中删除“navbar fixed top”类,如下所示@PauloRoberto i create fiddle for you checkNow是的,它工作了,我没有将JavaScript片段放在页面上,谢谢。@PauloRoberto i create fiddle for you checkNow是的,它工作了,我没有把JavaScript代码片段放在页面上,谢谢。对不起,我没有看到你的回复。。。因此,请尝试搜索未定义的索引错误或未加载的丢失文件。。。大多数其他js错误只是因为兼容性问题,或者其他不相关的一般问题。尝试确定所有与您的问题相关的问题。如果可以的话,请发布每个错误的消息,这样我就可以为您检查了^^^^^哦,对不起,您已经修复了^^^,确实是缺少文件了!看看这些有多棘手?通过按f12继续检查开发控制台,了解遗漏的内容非常有帮助对不起,我没有看到您的答复。。。因此,请尝试搜索未定义的索引错误或未加载的丢失文件。。。大多数其他js错误只是因为兼容性问题,或者其他不相关的一般问题。尝试确定所有与您的问题相关的问题。如果可以的话,请发布每个错误的消息,这样我就可以为您检查了^^^^^哦,对不起,您已经修复了^^^,确实是缺少文件了!看看这些有多棘手?通过按f12继续检查dev控制台,这对
Try It, I think, it usefull.    

<nav class="navbar navbar-static-top">
     <div>
        <div class="navbar-header" >

        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar_logistic" aria-expanded="false" aria-controls="navbar" id="button_menu_toggle">
            <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar line_orange"></span>
            <span class="icon-bar line_orange"></span>
           <span class="icon-bar line_orange"></span>
         </button>
        </div>

        <div id="navbar_logistic" class="navbar-collapse collapse">
        <ul class="nav navbar-nav flot_none">
                 <li class="active"><a href="#">Home</a></li>
                 <li><a href="#">Home2</a></li>
                 <li><a href="#">Home3</a></li>
                 <li><a href="#">Home4</a></li>


            </ul>
         </div>
        </div>
         </nav>