满意的不工作

时间:2014-07-14 17:18:56

标签: javascript jquery html5

我刚刚了解了contenteditable,我想在my project here中使用它。

所以,我已为on("click", ..)注释了<p>,并在HTML中添加了该属性。

但是,内容不可编辑。我不确定为什么它不起作用。我还添加了DOCTYPE,但没有任何区别。控制台中没有错误。

任何人都可以指出我正确的方向吗?

jsFiddle

修改 重新创建问题:尝试使用Add按钮添加项目。现在,如果你点击新添加的项目,它应该是可编辑的,但它不是。

1 个答案:

答案 0 :(得分:9)

我必须使用focus事件向p明确添加onclick。 应该有效:http://jsfiddle.net/csTS7/130/

见第209行:

"<p class='item_content' contenteditable='true' onclick='$(this).focus();'>"+$("#new_todo_item").val()+"</p>"

更新

我刚注意到你提到你注释了onclick事件。如果您取消注释并将内容更改为$(this).focus();,它将按预期运行。

两种解决方案都有效,但后者更清洁。