javascript - jQuery FancyBox/Lightbox 问题

Question

我用JS写了一些html到div中。

像这样

$("#picdiv").html("<a rel='lightbox' href='pic.jpg'><img src='htumb.jpg'></a>");

这只是一个例子。

所以，我在 $(document).ready Funcktion 中有这段代码。

$('a[rel=lightbox]').fancybox();

但是如果我点击链接，就会进入带有图片的页面...我知道问题一定是，我用js编写html，但我没有其他选择。那么我怎样才能让 fancybox 工作呢？

Answer 1

这是由于 jQuery 的工作原理造成的。 fancybox 函数仅适用于页面上的当前元素，不适用于由 javascript 动态添加的元素。

快速修复可能是将代码修改如下:

$("#picdiv").append($("<a rel='lightbox' href='pic.jpg'><img src='htumb.jpg'></a>").fancybox());

不确定上述方法是否有效，但总体思路是确保创建的任何新元素都应用了该插件。