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

<li class="menu-229 menuparent menu-path-front even"> 
<a title="About" href="/tca/">about</a> 
<ul style="display: none; visibility: hidden;"> 
</li>

上面是我的动态生成下拉菜单的设置示例。禁用<a>下拉菜单的父链接

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

我想：

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

但是这个代码禁用下拉菜单链接为好。

对不起，忘了提及这个菜单是由Drupal生成的。我认为我不能碰它。我只能用我得到的东西来工作。

来源

2011-05-09 Adam

与prev()试试这个选择：

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

来源

2011-05-09 21:56:40

只能在一个小时内再次投票，但我会在可以的时候返回并+1。 @Adam：jsFiddle显示工作代码 - http://jsfiddle.net/stealthyninja/hUbwb/2/ – stealthyninja 2011-05-09 22:40:24

令人惊叹。无需触及css就可以工作......我编辑时提到我不能，因为一个名为nice menu的Drupal模块正在生成它。 – Adam 2011-05-09 23:39:31

一个非常简单的方法是将一个类添加到每个父项目，并使用精确的代码为目标的父类。

来源

2011-05-09 21:58:03 Todd

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

会这样吗？

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

来源

2011-05-09 22:10:16 gingerbreadboy

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

回答

相关问题