如何使懸停而不是點擊

我已經建立了一個基於bootstrap for wordpress版本的自定義WordPress主題，我試圖讓下拉導航欄在懸停而不是點擊時打開。如何使懸停而不是點擊

我在這裏找到了this answer，但它似乎解決了原始（無wordpress）bootstrap。無論是這樣或者它只是不清楚如何實現它，但它看起來像wordpress只是不同。

我幾乎設法通過在bootstrap-dropdown.js文件中將「click」替換爲「hover」來完成它，但是實際上我無法將鼠標移動到子菜單項，因爲只要我下拉菜單消失移動光標，下拉菜單不會保持打開狀態。

理想情況下，它將懸停在桌面上，仍然點擊移動設備，但這不是必須的。我會犧牲點擊手機懸停在桌面上。

如果任何人都可以提供幫助，那就太棒了。

2012-06-13 James

我所做的就是這一行添加到我的bootstrap.css附近的下拉菜單花式：

.dropdown.open .dropdown-menu { 
    .......... 
/*--- Hover Dropdown Menu---*/ 
ul.nav li.dropdown:hover ul.dropdown-menu { 
    display: block;  
} 
.dropdown-menu:before { 
............

希望有所幫助。

來源

2012-07-18 22:47:47 LearningRoR

有三個步驟來解決這個問題：

1）就在這個代碼添加到主題中發現的bootstrap.css - >庫 - > CSS - > bootstrap.css

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

這是快速修復只是使用CSS，而不是觸及Javascript或JQuery。但是，當您懸停菜單時，這可能會導致一些錯誤的UI行爲。

2）您將無法鏈接到父類別。爲了解決這個問題去你的主題的functions.php和刪除此線417：

class="dropdown-toggle" data-toggle="dropdown"

所以你的行會：

$attributes .= '';

3）如果將光標從太慢父類別到下拉菜單菜單將關閉。這是因爲剩餘的餘量。爲了解決這個問題的bootstrap.css添加第一個代碼下面這段代碼：

.navbar .dropdown-menu { 
margin-top: 0px; 
}

就是這樣，你的WordPress主題引導程序現在應該沒有點擊父類別以顯示下拉菜單。

來源

2013-01-10 01:25:02

這適用於WordPress的引導：

.navbar .nav > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu:before { 
    content: none; 
}

來源

2013-03-15 18:53:39

如何使懸停而不是點擊

回答

相關問題