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你可以试试这个

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