Bootstrap下拉菜单不起作用 [英] Bootstrap dropdown not working

问题描述

我无法使自举下拉菜单工作。
这是我的html for nav：

I can't make bootstrap dropdown to work. Here is my html for nav:

<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>

我做错了什么？感谢您的答案！

What am I doing wrong? Thanks for your answers!

推荐答案

工作演示： 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>

这篇关于Bootstrap下拉菜单不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！