双击引导导航栏切换

Question

我在使用导航栏切换时遇到问题。出于某种原因，我的导航栏切换项目需要两次单击才能启动。我可以为您提供您需要的任何代码，但我不确定是什么导致了这个问题。

<nav class="navbar navbar-static-top" role="navigation">

    <div class="navbar-right">

        <ul class="nav navbar-nav" style="font-family:Lato;">

            <li class="dropdown user user-menu" ng-show="user">

                <a  class="dropdown-toggle" data-toggle="dropdown">

我已经从代码中提取了一些片段，我没有显示结束标签或任何角度。

请帮忙！

Answer 1

您可能已将 bootstrap.min.js 文件添加到页面两次。

Answer 2

它工作得很好，你确定你的引导程序是最新的吗？使用您提供的代码查看此示例：http://jsfiddle.net/wnd2xccr/1/

HTML：

<nav class="navbar navbar-static-top" role="navigation">
    <div class="navbar-right">
       <ul class="nav navbar-nav" style="font-family:Lato;">
           <li class="dropdown user user-menu" ng-show="user">
               <a  class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
               <ul class="dropdown-menu" role="menu">
                   <li><a href="#">Action</a></li>
                   <li><a href="#">Another action</a></li>
                   <li><a href="#">Something else here</a></li>
                   <li class="divider"></li>
                   <li><a href="#">Separated link</a></li>
                   <li class="divider"></li>
                   <li><a href="#">One more separated link</a></li>
               </ul>
           </li>
       </ul>
   </div>
</nav>

Answer 3

更改 bootstrap.min.js 文件和 bootstrap.min.css 文件的位置。 Js 文件应该在前，css 文件应该在后。