單擊下拉菜單移動不起作用

Question

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<li class="dropdown">
   <a class=dropdown-toggle data-toggle=dropdown href="#">
      <i class=material-icons>Button</i>
   </a>    
   <ul class="dropdown-menu dropdown-messages">
      <li><a href="profile"><i class=ti-user></i>&nbsp; Profile</a></li>
      <li><a href="logoutGeneral"><i class=ti-layout-sidebar-left></i>&nbsp; Logout</a></li>
   </ul>
</li>

即使縮小瀏覽器，一切都可以在瀏覽器中正常工作。 但是當我嘗試單擊子菜單HREF時，它不起作用，只是關閉了下拉菜單，它不會重定向...

Answer 1

這是制作bootstrap 3.3.7下拉按鈕的官方正確方法

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="test.html">Action</a></li>
    <li><a href="another-test.html">Another Link</a></li>
  </ul>
</div>

參考引導3-下拉按鈕

並在結束body標記之前加載js文件。 工作演示