2

生成动态元素的代码：

$(".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);
});

和可编辑的功能代码

$(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',
    });
});

上面的代码适用于类似 html 的代码， <span class="click" id="name2">test</span> 但不适用于动态生成的 html 表单 jquery（上述函数）。

4

2 回答 2

1

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

像这样替换您的代码：

    $(".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',
      });



    });
于 2014-03-26T11:59:07.030 回答
0

绝不是 javascript 的家伙，但有时会修补。

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

于 2012-07-30T20:20:00.530 回答