包含下拉菜单时父菜单链接不起作用

Posted

技术标签:

【中文标题】包含下拉菜单时父菜单链接不起作用【英文标题】:Parent menu link not working when dropdown menu included 【发布时间】:2015-07-02 05:52:29 【问题描述】:

为什么即使链接处于活动状态,当包含下拉菜单时父菜单链接也不起作用? 请参阅“服务”菜单链接 http://demo.rjfkramer.com/

这是一个wordpress网站。

谢谢!

【问题讨论】:

我无法立即找到它,但我注意到某些数据属性在被删除时会重新应用(使用元素检查器)。我假设菜单库正在考虑潜在的移动/平板电脑用户,因为它会执行 preventDefault 行为。这不太可能是 Wordpress 问题,而更像是 javascript 的主题相关问题。 【参考方案1】:

这是因为 data-toggle 属性,当有多个链接时,它们“父级”(第一级链接)获得data-toggle="dropdown" 属性,因此他的链接href 将不可用,您可以阅读它这里:http://getbootstrap.com/javascript#dropdowns

【讨论】:

如果你使用的是 JQuery,你可以在你的 js 主题代码中加入这一行:$('.dropdown-toggle').removeAttr('data-toggle');

以上是关于包含下拉菜单时父菜单链接不起作用的主要内容,如果未能解决你的问题,请参考以下文章

引导下拉菜单不起作用

引导模式在下拉菜单中不起作用

导航栏下拉菜单(折叠)在 Bootstrap 5 中不起作用

twitter bootstrap 下拉菜单在 django 模板中不起作用

Bootstrap modal event.relatedTarget 在下拉菜单中不起作用

由于 jQuery,Bootstrap 下拉菜单在 Node 应用程序中不起作用