我正在使用 foundation 5 并使用 Dropdowns feature 实现了一个侧边栏“飞出”类别/子类别菜单。 .
这一切都按预期工作，但是我需要顶级类别链接才能单击并悬停以显示子类别。有谁知道我将如何实现这一目标？
<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>
我想下拉功能的工作方式与顶部栏相同，而且这似乎也不支持具有点击和悬停的顶级链接。有谁知道这是为什么，因为这是非常标准的，不是吗？
非常感谢
最佳答案
我认为这个想法是，在移动设备上，如果您点击下拉菜单然后页面在您可以选择子选项之前从其他地方消失，这真的会很烦人，因此更容易不监听对父链接的点击。
如果你想重新添加功能，你可以做一些足够简单的事情，比如 this fiddle *:
<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 示例。
*注意: fiddle 不遵循指向 Google 的链接 - 检查控制台以查看请求何时通过或未通过 :-)
关于javascript - Foundation 5 Dropdowns - 点击链接并悬停，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25886493/