Инструменты наложения jQuery запущены при нажатии строки таблицы? Как?

Question

Я использую довольно простую настройку jQuery Tools Overlay для загрузки внешнего контента в оверлей. Проверьте это здесь. По сути, он работает с использованием стандарта <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

Есть более простой способ сделать это.Для того, чтобы вызвать определенное наложение на любое конкретное событие, вам просто нужно сделать

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

Answer 3

Просто замените «myTable» ниже на идентификатор таблицы, в которой вы хотите, чтобы строки были активными.

$('#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.
});