2012-05-13 68 views
3

我想製作一個應用程序,利用twitter的引導框架。我有一個導航欄,其功能類似於File/Edit/Help /等文件菜單欄。Bootstrap,CSS,JS - Bootstrap文件菜單欄懸停點擊後

我喜歡這樣一個事實,即需要單擊以使下拉菜單出現,但是如何從「文件」菜單移動時(單擊並下拉後)將其下拉到編輯菜單的位置。

這方面的一個例子將Google文檔,單擊一個菜單,然後移動到另一個菜單項,它會下拉列表中新的懸停菜單

回答

0

我的解決方案:爲您<ul>元素使兩班。一個例如doc-menu其他normal-menu。 在菜單項上單擊:您的<li>應該得到class="active"<ul class="doc-menu"。 然後在<li class="active">內部顯示內部<ul><li>....</ul>,並保持它即使不徘徊。在其他doc-menu項目懸停上,您將活動類別更改爲其他<li>元素。這可以通過使用javascript收聽mouseover來完成。當點擊背景或內部<ul><li>....</ul>更改<ul class="doc-menu"><ul class="normal-menu>