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：重新加載動態內容

回答

相關問題