基金會5下拉菜單 - 點擊鏈接點擊並懸停

Question

我正在使用基礎5，並使用下拉菜單功能實現了側欄“飛出”類別/子類別菜單。

這一切都按預期工作，但我需要頂級類別鏈接點擊以及懸停顯示子類別。 有誰知道我會怎么做到這一點？

<ul class="side-nav nav-bar vertical">  
<li>
<a id="showDropdown" href="http://www.google.com" data-options="is_hover:true;align:right;" data-dropdown="drop_[CategoryID]" >[CategoryName]</a>
<ul id="drop_[CategoryID]" class="small f-dropdown" data-dropdown-content>
<li> <a href="http://www.google.com">[CategoryName]</a></li>
</ul>
</li>
</ul>

我認為下拉功能的工作方式與頂欄相同，這似乎也不支持具有點擊和懸停的頂級鏈接。 有誰知道這是為什么這是非常標准的不是嗎？

非常感謝

Answer 1

我相信這個想法是，在移動設備上，如果你點擊一個下拉菜單，然后在你選擇一個子選項之前，頁面會在其他地方出現問題，那真的很煩人，所以更容易聽不到父鏈接上的點擊。

如果你想重新添加功能，你可以做一些簡單的事情，比如這個小提琴 *：

<a data-follow-click id="showDropdown" href="http://www.google.com" data-options="is_hover:true;align:right;" data-dropdown="drop_7">[CategoryName]</a>

$(function() {
    $('[data-follow-click]').on('click', function() {
        location.href = this.href;
    });
});

顯然這是一個非常粗略的例子，不會觸發任何更復雜的處理程序，它只是讓href通過，但這適用於OP示例。

*注意：小提琴不跟隨谷歌的鏈接 - 檢查控制台以查看請求何時或未通過:-)