禁用下拉菜单的<a>父链接

disabling <a> parent link of a dropdown menu

本文关键字：链接 下拉菜单      更新时间：2023-09-26
<li class="menu-229 menuparent menu-path-front even">
<a title="About" href="/tca/">about</a>
<ul style="display: none; visibility: hidden;">
</li>

以上是如何设置动态生成的下拉菜单的示例。

ul 是带有链接的下拉菜单，但是我想禁用"关于标签"的可点击性。我不希望下拉菜单的父母成为一个链接。

我试过了：

    $('.menuparent').click(function(e) {
 e.preventDefault() // or return false;
});

但是此代码也会禁用下拉菜单链接。

抱歉，忘了提到此菜单是由Drupal生成的。我想我不能碰它。我只能用我得到的东西来工作。

试试这个选择器，prev()：

$('.menuparent > ul').prev('a').click(function(e) {
    e.preventDefault();
});

一个非常简单的方法是向每个父项添加一个类，并使用该确切的代码来定位父类。

<a title="About" href="/tca/" onClick="javascript:return false;">about</a>

这会行吗？

使用锚标记，在实际遵循href之前评估onClick事件。如果 onClick 事件返回false则不会激活href。

相关文章：