javascript - todomvc Backbone 对类 'editing' 的更改如何使 todo 可编辑？

Question

我正在浏览 Backbone教程并浏览 source代码我不明白双击事件 (todo-view.js)，它导致编辑方法，导致元素获取类“编辑”使元素(输入)可编辑。

Answer 1

这实际上是一个 CSS 技巧。输入元素默认隐藏:

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

然后在 dblclick 上，父 li 元素接收到 editing 类，这使得输入在另一个规则下可见:

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