如何在主標題類添加下拉菜單（它不工作）

<header class="main-header"> 
<a href="/rm" class="logo"><b>Resource</b> Monitor</a> 
<!-- Header Navbar: style can be found in header.less --> 
<nav class="navbar navbar-static-top" role="navigation"> 
    <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> 
     <span class="sr-only">Toggle navigation</span> 
    </a> 

    <ul class="nav navbar-nav"> 
     <li><a data-toggle="tab" href="#tab_home">Home <span class="sr-only">(current)</span></a></li> 
     <li><a data-toggle="tab" href="#tab_pcinfo">?? PC ????</a></li> 
     <li><a data-toggle="tab" href="#tab_sysuse">??? ???</a></li> 
     <li><a data-toggle="tab" href="#tab_procuse">???? ???</a></li> 
     <li><a data-toggle="tab" href="#tab_prodet">???? ????</a></li> 
     <li><a data-toggle="tab" href="#tab_sdwt">SDWT ????</a></li> 
     <li><a data-toggle="tab" href="#tab_pcevents">??? ?? ??</a></li> 
     <li><a data-toggle="tab" href="#tab_winevents">??? ?? ID? ??</a></li> 
     <li><a data-toggle="tab" href="#tab_agentinfo">Agent ????</a></li> 
     <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Email ?? ?? <span 
        class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
       <li><a data-toggle="tab" href="#tab_emailconfigs">??? ??</a></li> 
       <li><a data-toggle="tab" href="#tab_emailreceiver">??? ??</a></li> 
      </ul> 
     </li> 
    </ul> 
</nav>

如何在主標題類添加下拉菜單（它不工作）

我加在主頭類下拉菜單。但它現在正在顯示..

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

我加了上面的代碼以及。但它仍然沒有顯示我不知道爲什麼，..請幫我

來源

2017-06-01 Nate Kim

首先，你不需要任何JavaScript爲此工作。 data-toggle =「dropdown」屬性可以幫你實現。

我只是說引導到你的代碼，它工作很適合我：

<head> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head>

來源

2017-06-01 07:44:17

如何在主標題類添加下拉菜單（它不工作）

回答

相關問題