javascript - 添加函数库

Question

$(".fancybox").fancybox();

HTML是这样的：

<img src="img/team/max.jpg" alt="max" class="kat"/>
<ul class="referenzen">
    <li>

        <a class="fancybox" data-title-id="title-1" href="img/logo.jpg">
            <img src="img/logo.jpg" alt=""/>
        </a>
        <a class="fancybox" data-title-id="title-2" href="img/logo.jpg">
            <img src="img/logo.jpg" alt=""/>
            </a>
    </li>

</ul>

如果我单击 img class="kat"，fancybox 应该以 a 标签元素开头。而不是 class="kat" 元素。

有谁能够帮助我？

Answer 1

我不确定我是否理解您的要求，但是这样的事情怎么样：为第一个图像注册一个事件处理程序并模拟对第一个 fancyboxed-image 的单击：

$('img.kat').click(function() {
    $(this).next().find('.fancybox:first').click();
});