插件的jQuery问题

Question

我有 PHP 页面，用户可以在其中上传照片（使用 Ajax 和 PHP 脚本）。那些上传的照片（拇指）在上传字段下方的 DIV 中上传后显示，fancybox 插件（我正在使用它作为照片的弹出窗口）工作正常。

然后，在点击发送按钮后，我想在留言板的同一页面上克隆该 DIV，并在其他消息中包含或不包含上传的照片。

当我尝试这样做时：

var pht = $("#photos").clone().addClass('p_pht');

并尝试在发送的消息下方显示发送的照片，如下所示：

$("div#wall").append('<div class=msg>'+ message +'</div><div class=n_pht>'+ pht.html() +'</div>');

Fancybox 插件不起作用。只有链接有效，但弹出窗口不正常。

我做错了什么？

Answer 1

因为你改变了 dom，fancybox 插件不知道新元素的存在。有两种方法可以解决这个问题。

1. 添加完元素后再次调用fancybox插件
2. 使用 jquery live 回答这里jquery live & livequery

希望对您有所帮助。