todomvc Backbone's更改为class'编辑'使todo可编辑
How does todomvc Backbone's change to class 'editing' make todo editable?
我正在学习Backbone教程,并查看源代码,我不理解双击事件(todo-view.js),这导致了编辑方法,导致元素获得类"editing"使元素(输入)可编辑。
这实际上是一个CSS技巧。默认情况下,输入元素是隐藏的:
.todo-list li .edit {
display: none;
}
然后在dblclick上,父li
元素接收editing
类,这使得输入可以通过另一条规则可见:
.todo-list li.editing .edit {
display: block;
}
相关文章:
- CKEditor Widget-阻止编辑可编辑元素本身
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 高亮显示时编辑文本大小和颜色
- 剑道UI内联编辑:如何在点击其他按钮时隐藏按钮
- 将事件聚焦/模糊在可编辑内容的元素上
- 编辑HTML表的源数据
- ExtJS网格单元格编辑器,防止焦点松动问题
- 如何在visualstudio中调试web api时编辑javascript文件
- 具有所有样式的文本正在复制到可编辑文本区域
- 可以't使用PHP使用Froala编辑器上传图像URL
- 用Greasemonkey编辑专栏
- 如何在corona sdk中从CK编辑器中检索数据
- 基于数据类型的编辑框的汇总列表
- 如何使用jQuery可编辑插件检查ajax是否成功完成
- 错误:[$compile:nonassign]表达式'未定义'与指令'内容可编辑'是不可
- 如何在ng-reeat中使用ng-switch来编辑JSON API数据
- 如何获取经过编辑的文本
- 文本编辑后,append函数不适用于文本区域
- todomvc Backbone's更改为class'编辑'使todo可编辑
- AngularJS ToDO列表编辑错误