javascript - jQuery 工具覆盖在点击表格行时触发？如何？

Question

我正在使用非常简单的 jQuery 工具叠加设置将外部内容加载到叠加中。在这里查看。基本上，它通过使用这样的标准来工作<a>：<a rel="#overlay" href="content.html">Overlay</a>. 当您单击 Overlay 时，content.html 会加载到一个叠加层中。好，易于！

我遇到了麻烦，因为我想通过单击整个表格行来触发覆盖。这可能吗？我将如何做到这一点？

Answer 1

是的，你可以简单地做到这一点。将锚标记放在 Table Row 内，并使其显示样式为 block。

<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();