todomvc Backbone 对 class 'editing' 的更改如何使待办事项可编辑?
How does todomvc Backbone's change to class 'editing' make todo editable?
我正在查看 Backbone tutorial and looking through the source 代码我不理解双击事件 (todo-view.js),它导致编辑方法,导致元素获得 class 'editing' 使元素(输入)可编辑。
这实际上是一个 CSS 把戏。 input元素默认隐藏:
.todo-list li .edit {
display: none;
}
然后在 dblclick 上,父 li
元素接收到 editing
class,这使得输入在另一个规则下可见:
.todo-list li.editing .edit {
display: block;
}
我正在查看 Backbone tutorial and looking through the source 代码我不理解双击事件 (todo-view.js),它导致编辑方法,导致元素获得 class 'editing' 使元素(输入)可编辑。
这实际上是一个 CSS 把戏。 input元素默认隐藏:
.todo-list li .edit {
display: none;
}
然后在 dblclick 上,父 li
元素接收到 editing
class,这使得输入在另一个规则下可见:
.todo-list li.editing .edit {
display: block;
}