Jquery jeditable（内联编辑器）不适用于动态生成的元素

生成动态元素的代码：

$(".add_entry").click(function(event) {
    id=event.target.id;
    var parent_id=($("#"+id+"").parent().get(0).id);
    var i=$("#"+parent_id+"_add").children().children().length;
    i=i+1;
    var content='<li id="'+parent_id+'_'+i+'"><div class="timelineUnit"><h4 class="click"        style="float:left;">Manager</h4><h4 style="float:right;"><span class="timelineDate   click">2010 - Present</span></h4><h5 class="click" style="clear:both;">Ligula Non Lectus</h5><p class="autogrow">Lorem ipsum dolor sit amet, consectetur adipiscingVivamus sit amet ligula non lectus cursus egestas. Cras erat lorem, fringilla quis sagittis in, sagittis inNam leo tortor Nam leo tortor Vivamus.</p></div></li>';
    $("#"+parent_id+"_add").append(content);
});

$（“.add_entry”）。单击（函数（事件）{
id=event.target.id；
var parent_id=（$（“#”+id+）.parent（）.get（0.id）；
变量i=$（“#”+父项id+“#添加”）.children（）.children（）.length；
i=i+1；
var content='
Manager2010-当前非选择性舌苔
Lorem ipsum door sit amet，concertetur adipisingvamus sit amet ligula Non Lectus cursus egestas.Cras era Lorem，fringilla quis sagittis in，sagittis inNam leo tortor Nam leo tortor Vivamus.
/li>'；
$（“#”+父项id+“#添加”）。追加（内容）；
});

和表格功能代码

$(function() {
    $(".click").editable("<?php echo HTTP_URL; ?>inline/php/assign.php", { 
        indicator : "<img src='<?php echo HTTP_URL; ?>inline/img/indicator.gif'>",
        tooltip   : "Click to edit...",
        style  : "inherit",
        submit    : 'Ok',
        cancel    : 'Cancel',
    });
});

$（函数（）{
$（“.click”）.editable（“inline/php/assign.php”，{
指示符：“inline/img/indicator.gif'>”，
工具提示：“单击以编辑…”，
风格：“继承”，
提交：“Ok”，
取消：“取消”，
});
});

上述代码对于类似html的应用程序运行良好

测试

---

但不适用于动态生成的html表单jquery（上面的函数）。

绝不是javascript的家伙，但有时会做一些修补

---

但是，如果要在DOM中注入html，不需要使用.live或.on编写吗？

对于动态生成的元素，还必须在生成脚本中调用可编辑脚本

替换代码，如下所示：

    $(".add_entry").click(function(event) {
     id=event.target.id;
     var parent_id=($("#"+id+"").parent().get(0).id);
     var i=$("#"+parent_id+"_add").children().children().length;
     i=i+1;
     var content='<li id="'+parent_id+'_'+i+'"><div class="timelineUnit"><h4   class="click"        style="float:left;">Manager</h4><h4 style="float:right;"><span class="timelineDate   click">2010 - Present</span></h4><h5 class="click" style="clear:both;">Ligula Non Lectus</h5><p class="autogrow">Lorem ipsum dolor sit amet, consectetur adipiscingVivamus sit amet ligula non lectus cursus egestas. Cras erat lorem, fringilla quis sagittis in, sagittis inNam leo tortor Nam leo tortor Vivamus.</p></div></li>';
      $("#"+parent_id+"_add").append(content);


      $(".click").editable("<?php echo HTTP_URL; ?>inline/php/assign.php", { 
       indicator : "<img src='<?php echo HTTP_URL; ?>inline/img/indicator.gif'>",
       tooltip   : "Click to edit...",
       style  : "inherit",
       submit    : 'Ok',
       cancel    : 'Cancel',
      });



    });

$（“.add_entry”）。单击（函数（事件）{
id=event.target.id；
var parent_id=（$（“#”+id+）.parent（）.get（0.id）；
变量i=$（“#”+父项id+“#添加”）.children（）.children（）.length；
i=i+1；
var content='
Manager2010-当前非选择性舌苔
Lorem ipsum door sit amet，concertetur adipisingvamus sit amet ligula Non Lectus cursus egestas.Cras era Lorem，fringilla quis sagittis in，sagittis inNam leo tortor Nam leo tortor Vivamus.
/li>'；
$（“#”+父项id+“#添加”）。追加（内容）；
$（“.click”）.editable（“inline/php/assign.php”，{
指示符：“inline/img/indicator.gif'>”，
工具提示：“单击以编辑…”，
风格：“继承”，
提交：“Ok”，
取消：“取消”，
});
});