todomvc Backbone对类"编辑"的更改如何使todo可编辑？

Question

我正在学习Backbone教程，并查看源代码，我不理解双击事件（todo-view.js），这导致了编辑方法，导致元素获得类"editing"使元素（输入）可编辑。

Answer 1

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

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

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

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