如何让jQuery .html（）与jquery prettyPhoto灯箱交互？

Question

我有一个名为toprightbox的div，其html我正在点击使用jquery：

$(".icon").click(function(){
$("#toprightbox").html('<a rel="prettyPhoto[artwork]" href="large.jpg">
<img src="thumbnail.jpg"  width="100" height="100" /></a>'); 
}

通过jQuery改变上面的html会调用prettyPhoto灯箱在prettyPhoto灯箱中打开一个更大的图像......

我想知道为什么这不起作用。生成了link（）和html，但显然在jQuery代码中进行jQuery调用似乎是不可能的。 prettyPhoto灯箱不起作用......请帮助！

Answer 1

有效。问题是您调用代码的顺序。

1. 您的页面已加载，正在呈现所有初始html。
2. 您正在使用的插件会在您网页的$(document).ready(function() { .... });部分中调用（我希望！）。如果您在那里调用灯箱插件（例如，在具有特定类别的项目上），则会将其应用于当前属于该选择器范围内的所有项目。
3. 之后，在某个时间点，用户单击“。”元素。因此，添加了新链接。您的插件不起作用，因为它从未应用于新创建的链接。

所以你必须在新的第4步中再次调用你的插件。