引导下拉菜单不起作用

Question

我无法让引导下拉菜单工作。这是我的导航html：

 <ul class='nav'>
  <li class='active'>Home</li>
  <li class='dropdown'>
    <a class="dropdown-toggle" data-toggle="dropdown" href='#'>Personal asset loans</a>
    <ul class="dropdown-menu" role="menu">
      <li><a href="#">asds</a></li>
      <li class="divider"></li>
    </ul>
  </li>
  <li>Payday loans</li>
  <li>About</li>
  <li>Contact</li>
</ul>

这里是脚本：

 <script type="text/javascript" src="js/bootstrap/bootstrap-dropdown.js"></script>
<script>
     $(document).ready(function(){
        $('.dropdown-toggle').dropdown()
    });
</script>

我究竟做错了什么？感谢您的回答！

原文由 hjuster 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

工作演示： http ://codebins.com/bin/4ldqp73

尝试这个

<ul class='nav'>
  <li class='active'>Home</li>
  <li>
    <div class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Personal asset loans</a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        <li><a href="#">asds</a></li>
        <li class="divider"></li>
      </ul>
    </div>
    </li>
    <li>Payday loans</li>
  <li>About</li>
  <li>Contact</li>
</ul>

原文由 gaurang171 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我有同样的问题。经过几个小时的故障排除后发现，

我有

<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-2.1.1.min.js"></script>

代替，

 <script type="text/javascript" src="Scripts/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>

原文由 Prince Ashitaka 发布，翻译遵循 CC BY-SA 4.0 许可协议