Javascript 基础5滴水-有链接点击和悬停

我使用基础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>

我想下拉功能的工作方式与顶栏相同，这似乎也不支持有一个顶级链接，点击通过以及悬停。有人知道这是为什么，因为这是很标准的，不是吗

---

非常感谢

我相信这个想法是，在移动设备上，如果你点击一个下拉菜单，然后在你可以选择子选项之前，页面会在其他地方被窃听，这真的很烦人，所以不去听家长链接的点击就更容易了

如果要重新添加功能，可以执行一些简单的操作，例如*：

$（函数（）{
$（“[data follow click]”）。在（'click'，function（）上{
location.href=this.href；
});
});

显然，这是一个非常粗糙的示例，不会触发任何更复杂的处理程序，它只是让

href

通过，但这对OP示例有效

*注意：小提琴不跟随指向谷歌的链接-检查控制台以查看请求是否通过：-）

<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;
    });
});