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

0

決して JavaScript の専門家ではありませんが、ときどきいじくり回すことがあります。

しかし、DOM に html を挿入する場合は、.live または .on で記述する必要はありませんか?

于 2012-07-30T20:20:00.530 に答える