2013-05-28 71 views
0

現在菜單使用懸停來切換元素。我如何將鼠標懸停到mauseclick?如何將鼠標懸停更改爲鼠標點擊? (引導,崩潰)

<div id="nav-collapse" class="collapse out"> 
    <ul class="nav"> 
     <li class="logo" style="font-size: 25px;"><a href="<{urlpath}>">WEBSITE-NAME</a></li> 
     <li> 
      <a href="#"><span data-toggle="collapse" data-target="#portfolio-collapse"></span>LINK #1</a> 
      <ul id="portfolio-collapse" class="collapse out"> 
       <li><a href="#">SUB LINK #1</a></li> 
       <li><a href="#">SUB LINK #2</a></li> 
       <li><a href="#">SYB LINK #3</a></li> 
      </ul> 
     </li> 
... 

bootstrap.min.js我的網站上的代碼(http://wklej.to/OrUbj/text)。

+0

javascript代碼在哪裏? –

+0

bootstrap包含在代碼下面... – Darku

+0

可能的重複:http://stackoverflow.com/questions/11968072/twitter-bootstrap-button-click-to-toggle-expand-collapse-text-section-above-butt – Raibaz

回答

0

你的問題並不清楚。請編輯您的問題,包括更多的細節,如截圖,小提琴等環節。然而,根據引導Docs,在導航欄下拉菜單適用於點擊事件和標記是如下:

<li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li class="divider"></li> 
     <li class="nav-header">Nav header</li> 
     <li><a href="#">Separated link</a></li> 
     <li><a href="#">One more separated link</a></li> 
    </ul> 
</li> 

如果你想得到響應式菜單,那麼你的代碼將類似於如下:

<!-- .btn-navbar is used as the toggle for collapsed navbar content --> 
    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    </a> 
    <!-- Everything you want hidden at 940px or less, place within here --> 
    <div class="nav-collapse collapse"> 
    <!-- .nav, .navbar-search, .navbar-form, etc --> 
    </div>