jQuery-Ajax: Обновить динамическое содержимое

Question

Может jquery-ajax перезагрузить div С ДИНАМИЧЕСКИМ СОДЕРЖАНИЕМ. Например, если у меня есть div, который показывает список документов, обновляемых пользователем на веб-сайте, причем каждый документ имеет гиперссылку удаления. Я хочу, чтобы запрос на публикацию был отправлен сервлету при щелчке по удалению и успешной функции ajax. Я хочу снова перезагрузить список документов, включая ссылку «Удалить», которая может снова иметь возможность отправлять данные в службу удаления и т. Д. ...

Я знаю, как использовать jQuery-ajax, и я преуспею до момента, когда мой div перезагружается с новым списком doc (после удаления документа). Однако этот новый список, загруженный ajax, имеет проблему. Ссылка удаления больше не работает.

Для тех, кто не понял, рассмотрите этот пример. Предположим, что первоначально я вижу это на UI:

Удалить           One.doc
Удалить           Two.doc

Теперь Удалить это ссылка по щелчку которого я сделайте POST для сервлета с именем DeleteServlet, который удаляет документ. Поэтому, если я нажал Delete of One.doc, он должен быть удален. Затем, в случае успеха ajax, перезагрузите div, который отобразит список документов. Так что теперь я вижу это на UI:

Удалить           Two.doc

Fine, что работает, но теперь моя ссылка Удалить не работает :(

Я видел код, показанный на взгляд источник и все кажется хорошо

Ниже мой код для некоторого 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); 
... 

Answer 1

Использование .live() вместо .click(): http://api.jquery.com/live/

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