如何在表中链接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;
    });
});

我想在每个链接上使用lightbox，这样每当我单击任何一行时，lightbox都会打开。我正在使用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上使用样式进行“单元格”格式化，但你可能会让它工作。如果您不熟悉表格布局，那么您可以选择。(还有，表格中的表格，虽然很麻烦，但可能会做你想做的事情……)

以我的经验，不要与你想要使用的API /工具抗争。如果你想使用它，找出一种方法来使用它，而不是破解它。破解它可能很有趣，但最终会导致令人头疼的问题(特别是在生产代码中！)。