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

jquery-ajax可以用动态内容重新加载div。例如，如果我有一个div，显示由用户在网站上更新的文档列表，每个文档都有一个删除超链接。我想要一个servlet的点击删除和成功函数的一个servlet的请求，我想重新加载文件列表，包括删除链接，可以再次有能力发布数据到删除servet等等...jQuery-Ajax：重新加载动态内容

我知道如何使用jQuery-ajax，并且我成功了，直到我的div用新文档列表重新加载（文档被删除后）。然而这个由ajax加载的新列表存在问题。删除链接不再有效。

对于那些不理解的人请考虑这个例子。假设最初我看到这对UI：

删除 One.doc
删除 Two.doc

现在，删除是点击一个链接，而我对称为DeleteServlet的servlet执行POST操作，删除该文档。所以如果我点击删除One.doc，它应该被删除。然后在ajax成功的情况下，我重新加载显示文档列表的div。所以，现在我看到这样的UI：

删除 Two.doc

很好，这工作，但现在我的删除链接不工作:(

我看到视图中显示的代码源和一切似乎不错

下面是我的一些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); 
...

来源

2010-09-03 Mustafa

使用.live（）代替.click（）：http://api.jquery.com/live/

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

来源

2010-09-03 21:20:44 OneOfOne

Thanks :) Beautiful .. feel great .. – Mustafa 2010-09-14 17:13:24

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

回答

相关问题