我想製作一個應用程序,利用twitter的引導框架。我有一個導航欄,其功能類似於File/Edit/Help /等文件菜單欄。Bootstrap,CSS,JS - Bootstrap文件菜單欄懸停點擊後
我喜歡這樣一個事實,即需要單擊以使下拉菜單出現,但是如何從「文件」菜單移動時(單擊並下拉後)將其下拉到編輯菜單的位置。
這方面的一個例子將Google文檔,單擊一個菜單,然後移動到另一個菜單項,它會下拉列表中新的懸停菜單
我想製作一個應用程序,利用twitter的引導框架。我有一個導航欄,其功能類似於File/Edit/Help /等文件菜單欄。Bootstrap,CSS,JS - Bootstrap文件菜單欄懸停點擊後
我喜歡這樣一個事實,即需要單擊以使下拉菜單出現,但是如何從「文件」菜單移動時(單擊並下拉後)將其下拉到編輯菜單的位置。
這方面的一個例子將Google文檔,單擊一個菜單,然後移動到另一個菜單項,它會下拉列表中新的懸停菜單
我的解決方案:爲您<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>