javascript - 如何从未完成的链接调用灯箱？

Question

有人知道如何从自定义链接调用灯箱吗？

示例:

$('#price1 a').lightBox(); //in the header

现在我想单击页面上某处的自定义链接。

<a href="#" class="price1">Link to lightBox</a>

div 中的图像(在单击链接之前它们不可见)

<div id="price1" style="display: none;">
    <a href="../images/img1.jpg"></a>
    <a href="../images/img2.jpg"></a>
    <a href="../images/img3.jpg"></a>
</div>  

有人可以帮忙吗？

最诚挚的问候!

Answer 1

您可以尝试jQuery events binding :

$(".price1").bind("click", function() {
    $("#price1 a:first").click();
};

这样，当您单击类为“price1”的链接时，jQuery 将模拟单击 div 中 ID 为“price1”的第一个链接。