todomvc Backbone对课程“编辑”的改变如何使todo可编辑？

Question

我正在浏览Backbone教程并查看source代码我不理解双击事件（todo-view.js），这会导致编辑方法，导致获取类“编辑”的元素使元素（输入）可编辑。

Answer 1

这实际上是一个CSS技巧。默认情况下隐藏input元素：

.todo-list li .edit {
    display: none;
}

然后在dblclick上，父li元素接收editing类，这使得输入可以用另一条规则显示：

.todo-list li.editing .edit {
    display: block;
}