jQuery工具叠加点击表行？怎么样？

Question

我正在使用非常简单的jQuery工具覆盖设置将外部内容加载到叠加层中。 Check it out here.基本上，它使用标准<a>，如下所示：<a rel="#overlay" href="content.html">Overlay</a>。单击“叠加”时，content.html会在叠加层中加载。很好，很容易！

我遇到了麻烦，因为我希望通过点击整个表格行来触发叠加。这可能吗？我将如何实现这一目标？

Answer 1

是的，你可以做到这一点。 将锚标记放在表格行中，并使其显示样式以阻止。

<tr>
<td><a rel="#overlay" href="content.html" style="display:block;">Overlay</a></td>
</tr>

Answer 2

只需将下面的'myTable'替换为您希望行可点击的表的ID。

$('#myTable tr').click(function(){
  //Whatever you want to happen when the row is clicked goes here, for example:
  $('#overlay').click(); //Fires the previously defined onclick event for #overlay.
});

Answer 3

有一种更简单的方法可以做到这一点。为了触发您需要执行的任何特定事件的特定叠加

$('#overlay').overlay().load();