javascript - jeditableに動的クリックハンドラーを追加する方法

Question

jeditable を使用してテーブル セルを更新しようとしているので、ユーザーがセルをクリックすると編集可能になります。以下のコードは正常に動作します:

    $(".click").editable("http://www.appelsiini.net/projects/jeditable/php/echo.php", { 
                indicator : "<img src='img/indicator.gif'>",
                tooltip   : "Click to edit...",
                style  : "inherit"
            });

<b class="click" style="display: inline">Click me if you dare!</b></> 

しかし、 jQuery を使用してテーブルに動的に追加されたセルを編集しようとすると:

$("#rounded-corner tbody").append("<td class='clicked'>row</td>");

イベントは発生しません。これはどのように修正できますか? .on 関数を使用する必要があると思いますか?

Answer 1

on() メソッドを使用します -

$('body').on('click', '.click', function(){....