jquery - 如何在表格中链接 lightbox2？

Question

在我的网页上，我添加了一个表格并使用以下代码将所有表格转换为链接:

HTML- <tr data-href="../images/accept.png" > <td> Blah Blah </td> </tr>

JQUERY-

$(document).ready(function(){
    $('table tr').click(function(){
        window.location = $(this).data('href');
        return false;
    });
});

我想在这些链接中的每一个上使用灯箱，这样每当我点击任何一行时，灯箱就会打开。我正在使用 lightbox2 并且无法找到一种方法来做到这一点。这是 lightbox2 的页面:http://lokeshdhakar.com/projects/lightbox2/

Answer 1

查看了 lightbox2 页面，它希望您使用 <a>标签，所以我建议这样做。我不太了解这个工具，但它可能专门针对 <a> 查找标签，因此试图模仿该功能是行不通的。

您可以尝试通过将整行的内容包装在 <a> 中来重新设计您的表格布局。标签:

<tr>
  <td>
    <a href='#' data-lightbox='test'>
      <div class='col1'>Col1</div>
      <div class='col2'>Col2</div>
    </a>
  </td>
</tr>

这需要您在 DIV 上使用样式设置“单元格”格式s，但你可能会让它工作。如果您不熟悉表格布局，那么您还有其他选择。 (此外，表中表虽然很麻烦，但可能会做你想做的事......)

根据我的经验，不要与您尝试使用的 API/工具作对。如果你想使用它，想办法使用它而不是破解它。破解它可能很有趣，但最终会导致头痛(尤其是在生产代码中!!!)。