繁体   English   中英

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

[英]jQuery-Ajax : Reload dynamic contents

jQuery-ajax可以重新加载具有动态内容的div吗? 例如,如果我有一个div,它显示用户在网站上更新的文档列表,每个文档都有一个删除超链接。 我希望在单击删除和ajax成功功能时向servlet发出发布请求,我想重新加载文档列表,包括删除链接,该链接可以再次将数据发布到删除服务器等。 ...

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

对于那些无法理解的人,请考虑以下示例。 假设最初我在UI上看到了这个:

删除One.doc
删除Two.doc

现在,“删除”是一个链接,单击该链接后,我会执行POST到名为DeleteServlet的Servlet的操作,该Servlet会删除文档。 因此,如果我单击“删除One.doc”,则应将其删除。 然后,在ajax成功的情况下,我重新加载显示文档列表的div。 所以现在我在UI上看到了这个:

删除Two.doc

很好,可以,但是现在我的Delete链接不起作用:(

我看到了查看源代码显示的代码,而且一切似乎都不错。

下面是我的一些Referene的代码:

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM