我将一些带有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的作品吗?
答案 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();