在我的网页上,我添加了一个表,并使用以下代码将其全部转换为链接:
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/
最佳答案
看了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/工具抗争。如果你想使用它,想办法使用它而不是破解它。黑客可以很有趣,但最终会导致头痛(特别是在生产代码!!!).