javascript - 動的に作成されるdivを編集可能にする方法

Question

動的に作成されるdivを編集可能にしたい。これもドラッグ可能なdivです。

これは私が試したものです

1)$("#divid").attr('contentEditable','true');

2)$("#divid").live("click",function(){
     $(this).click('contentEditable',true);
  });

3)$("#divid").click('contentEditable',true);

しかし、上記のどれも機能していません。それを機能させる方法についてのアイデア！

前もって感謝します！

Answer 1

動的に作成されたdivを使用.on()しているため、ハンドラーを使用し.prop()ます。

  $(document).on("click", "#divid", function(){
     $(this).prop('contentEditable',true);
  });

フィドルで調べる：http：//jsfiddle.net/SEvDe/

Answer 2

フィドル

$("#test").get(0).contentEditable = "true";
$("#test1").attr('contentEditable',true);

それは魅力として機能します。

javascriptでuはこれを試すことができた

document.getElementById("contentDiv").contentEditable = "true";