添加功能库

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();
});