菜單下拉onhover引導不工作

我需要下拉菜單上。我該怎麼做？這是我試過的。菜單下拉onhover引導不工作

這是我的代碼

<nav id="navigation" class="cbp-af-header"> 
    <div class="container"> 
     <ul id="menu" > 
      <li class="current"><a href="/" >Home</a></li> 
      <li><a href="{% url 'product' %}">Product</a></li> 
      <li ><a href="{% url 'services' %}">Services</a></li> 
      <li class="dropdown" id="get_started"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Get Started <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="{% url 'request_demo' %}">Demo the Platform</a></li> 
      </ul> 
     </li> 
     </ul> 
    </div> 
</nav>

這裏是jQuery的

$('#menu li').hover(function() { 
    $(this).find('.dropdown-menu').toggle(); 
});

來源

2014-02-27 PythonEnthusiast

可能重複[如何使懸停Twitter的引導菜單下拉，而不是點擊]（http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click） – Tomanow

我試過這個，但是沒有運氣。我讀過很多關於SO的文章，但都沒有成功。 – PythonEnthusiast

只需使用CSS

#menu li.dropdown:hover > ul.dropdown-menu { 
    display: block;  
}

的

來源

2014-02-27 18:27:26 Tomanow

菜單下拉onhover引導不工作

回答

相關問題