2017-06-01 11 views
0
<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> 

どのようにメインヘッダのクラスのドロップダウンメニューを追加する(それが動作していない)

Iは、主ヘッダクラスでドロップダウンメニューを追加しました。それは今表示されています..

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

上記のコードも追加しました。それでもまだ表示されていません 私はなぜ助けてください助けてください

答えて

0

まず、これを動作させるための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> 
関連する問題