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

时间:2013-01-04 11:32:41

标签: javascript jquery html5 jquery-ui onclick

我希望 div 可编辑,动态。这也是可拖动的 div。

这就是我试过的

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

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

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

但以上都没有工作。 任何想法如何让它工作!

提前致谢!

2 个答案:

答案 0 :(得分:7)

由于您正在使用动态创建的div,因此使用.on()处理程序和.prop()

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

小提琴:http://jsfiddle.net/SEvDe/

答案 1 :(得分:1)

Fiddle

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

它充当魅力。

javascript 你本可以尝试这个

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