Question

头标记内的HTML代码

<head>
<title>Open</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="//cdn.ckeditor.com/4.5.5/basic/ckeditor.js"></script>
</head>

正文标记内的HTML代码

 <body>
   <nav class="navbar navbar-inverse 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>
          <span class="icon-bar"></span>
         </button>
         <a class="navbar-brand logo" href="/">Open</a>
       </div>
       <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav fontModify">
          <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Link<span class="caret"></span></a>
          <ul class="dropdown-menu">
           <li><a href= '/addAP'>Link1</a></li>         
           <li><a href= '/addAT'>Link2</a></li>
          </ul>
          </li>
        </ul>
       </div>
     </div>
   </nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>

问题是点击时“链接”按钮不会扩展到“link1”和“link2”按钮。“链接”按钮已无响应。 “链接”按钮位于 a class =“dropdown-toggle”中。我不认为我犯了任何基本错误。 任何人都可以帮我解决这个问题。 整个代码与之前版本的流星一起工作正常，但不知怎的，它已停止使用最新版本在发布问题或转移任何编程约定时犯下任何错误的道歉。我是编程新手感谢大家

Answer 1

您正在加载脚本两次：一次在头部，一次在关闭体标记之前。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

你应该只有一个

旁注：您还错过了href="#"上的dropdown-toggle。

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>

Answer 2

我添加了这个包，我的下拉菜单开始正常工作＆gt; matb33：自举-下拉菜单

。

应用bootstrap后，导航栏的下拉列表在meteor

2 个答案: