Question

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

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

对于那些未能理解的人，请考虑这个例子。假设我最初在UI上看到了这个：

删除One.doc
删除Two.doc

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

删除Two.doc

很好，但是现在我的删除链接不起作用了（

我看到了视图源显示的代码，一切似乎都很好。

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

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.
});

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

1 个答案: