jQuery FancyBox / Lightbox问题

时间:2010-08-28 16:51:13

标签: javascript jquery fancybox

我将一些带有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的作品吗?

2 个答案:

答案 0 :(得分:0)

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

快速修复可能是修改代码,如下所示:

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

不确定上述内容是否有效,但一般的想法是确保创建的所有新元素都应用了插件。

答案 1 :(得分:0)

溶液

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