Javascript 内容编辑器不工作

我刚刚学习了

contenteditable

，我想在中使用它

因此，我已经为

注释掉了

（“单击“，…）

），并在HTML中添加了该属性

但是，内容不可编辑。我不知道为什么它不起作用。我还添加了

DOCTYPE

，但没有任何区别。控制台中没有错误

谁能给我指一下正确的方向吗

编辑：

---

重新创建问题：尝试使用

Add

按钮添加项目。现在，如果您单击新添加的项目，它应该是可编辑的，但它不是。

我必须使用

onclick

事件将

焦点

显式添加到

p

中。 应在以下情况下工作：

见第209行：

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

“
”+$（“#新的待办事项”）.val（）+“
”

---

更新： 我刚注意到你提到你对onclick事件的评论。如果取消对其注释并将内容更改为

$（this）.focus（）它将按预期运行

这两种解决方案都有效，但后者更干净。
@Teemu请查看我上面的编辑。但它是可编辑的（FF30）。。。这只发生在特定的浏览器中吗？@Teemu我使用的是FF30，当我创建一个新项目并试图编辑我创建的项目时，它是不可编辑的。@RahulDesai看着开发者控制台，它看起来就像我在添加一个新项目后单击文本时，它击中的是
，而不是
是的，您的ui.sortable正在阻止访问。请检查Chrome（可能是v35）中的此小提琴：如果我编辑一个元素并在文本和星号之间的空白处单击，可编辑性不会消失。不过它在FirefoxV30中也能工作。如何在Chrome中工作？在第261行的函数“addItem”中，我添加了一个带有类“clearClick”的
div
。同样在CSS的顶部，我放置了上述类的属性。这实际上中断了
contenteditable
p
元素的结尾。尽管如此，问题仍然存在。@Thak谢谢你的帮助！实际上，您可以直接使用
this.focus（）