javascript - fancybox 仅适用于 chrome 和 FF 中的最后一张图像

Question

在 firefox 中，Fancybox 仅适用于最后一张图片(源中的最后一张图片，而不是可视网页)。在 IE 中一切正常。

我把ID改成了CLASS，但是还没有成功。你可以在这里找到来源: http://www.luukratief-design.nl/dump/parallax/stack.html

请帮忙!现在已经烦了我好几个小时了。

Answer 1

anchor 位于顶部。

要了解我的意思，请打开 Firebug 的控制台并键入此内容

$('a.big').css({ border: '6px solid red' })

现在请看顶部的红色框。

我认为这是因为效果被添加到图像，而不是父链接。图像使用 position: absolute 显示，并且因为 anchor 没有 position: relative，所以 anchor 正在折叠，就像它们没有内容一样。

既然你在使用 JavaScript，你能做这样的事情吗？

$('a.big').click(function(event) {
    event.stopPropagation(); // in case it bubbles up the parent anchor somehow and fires twice in IE
    // trigger lightbox here..
    $(this).parent('a').click();
});

不确定这是否可行，但它可能在正确的轨道上......祝你好运。