jQuery切换禁用点击链接答案

【问题标题】：jQuery toggle disabled click on linkjQuery切换禁用点击链接
【发布时间】：2011-09-19 09:53:58
【问题描述】：

如何在表格行上启用切换功能，同时仍保持点击进入链接中指定页面的能力？链接在 td 中，例如 table tr td a。

该行的 HTML 如下所示：

<tr class="listitem">
 <td>
   <a href="/apartments/4df632fd35be357701000005">E 64th St, Manhattan, NY 10065, USA</a>
 </td>
 ...
</tr>

到目前为止，我使用的 JavaScript 是这样的：

$('.listitem').toggle(function(){...}, function(){...});

这会禁用点击<a> 元素的功能。我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

toggle() 函数不会禁用点击功能，据我所知。或者，请给我看http://jsfiddle.net/ 的例子。

而且您以错误的方式使用toggle() 函数。您不能将两个函数参数传递给 toggle() 函数。检查此文档：http://api.jquery.com/toggle/

【讨论】：

【解决方案2】：

event.preventDefault();呢

【讨论】：

【解决方案3】：

如果我正确理解你想要什么，你应该能够为锚注册一个不同的回调，就像你为 tablerows 定义它们一样。

【讨论】：

【解决方案4】：

我不确定您在阻止链接工作的切换功能中做了什么，但您可以尝试的一件事是在单击链接时阻止事件传播到 tr：

$('tr a').click(function(e){
  e.stopPropagation();
});

【讨论】：

【解决方案5】：

您给了两个参数两个toggle()，它们都是function()s，但据我所知toggle() 将duration 作为第一个参数，callback 作为第二个参数。请检查这个。

【讨论】：