如何使动态创建的div可编辑答案

【问题标题】：How to make div editable which is created dynamically如何使动态创建的div可编辑
【发布时间】：2013-01-04 11:32:40
【问题描述】：

我想让 div 可编辑，它是动态创建的。这也是 可拖动 div .

这是我试过的

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

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

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

但以上都不起作用。知道如何使它工作！

提前致谢！

【问题讨论】：

一次尝试on 而不是live
@Mr_Green 我试过但没用
好吧，我认为它可能会起作用，因为 live 在较新版本的 jquery 中已被弃用。

标签： javascript jquery html jquery-ui onclick

【解决方案1】：

由于您有一个动态创建的 div，因此请使用 .on() 处理程序和 .prop()：

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

在小提琴中找出答案：http://jsfiddle.net/SEvDe/

【讨论】：

@AleksandrM 我也是这么想的，但还是不行，这是因为这个 div 也是可拖动的吗？
@sandip 在答案中链接了一个小提琴。
@Jai：你的小提琴的结果不是在 chrome 中可编辑的内容。看起来一个元素不能在 chrome 中既可拖动又可编辑，无论它是如何创建的。
@Jai：在 Windows 上的 v23 中没有复制。 div 可拖动，但不可编辑。
@DavidHedlund 请您重新解释上述评论

【解决方案2】：

Fiddle

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

它是一种魅力。

使用 javascript 你可以试试这个

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

【讨论】：

不工作！我想你们忘了我说这个 div 是可拖动的