2013-05-28 67 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>