jQuery-Ajax :重新加载动态内容

Question

可以使用jquery-ajax重新加载包含动态内容的div。例如，如果我有一个div，它显示了用户在网站上更新的文档列表，每个文档都有一个删除超链接。我希望在单击delete时向servlet发出post请求，并且在ajax的成功函数中，我希望再次重新加载文档列表，包括Delete链接，它可以再次具有将数据发布到delete servet的能力，等等...

我知道如何使用jQuery-ajax，并且我成功了，直到我的div用新的文档列表重新加载(在文档被删除之后)。但是，ajax加载的这个新列表有一个问题。删除链接不再起作用。

对于那些没有理解的人，请考虑这个例子。假设我最初在UI上看到以下内容：

删除* One.doc

删除* Two.doc

现在，Delete是一个单击链接，我将其发送到一个名为DeleteServlet的servlet，该servlet删除文档。因此，如果我单击删除One.doc，它应该会被删除。然后，在ajax成功运行时，我重新加载显示文档列表的div。所以现在我在UI上看到了这个：

删除* Two.doc

好，这样就行了，但是现在我的Delete链接不起作用了:(

我看到了view source显示的代码，一切看起来都很好。

下面是我的一些参考代码：

a class="subm_it"onclick="filename='${item.path}';document.getElementById('test').submit()" href="#">Delete ..


$(function() {
     $("a.subm_it").click(function() {
     var dataString = 'filename='+ filename;
     dataString += '&&restype='+resType;
     dataString += '&&userid='+userid;
     $.ajax({
      type: "POST",
      url: "delete.do",
      data: dataString,
 success: function(data) {
$('div#editable').html(data); 
...

Answer 1

使用.live()而不是.click()：http://api.jquery.com/live/

$('.clickme').live('click', function() {
  // Live handler called.
});