jQuery非常容易创建一个很好的“就地编辑”效果,但是,尽管它的有效性,它总是使用一些输入元素。jQuery - 无需输入元素即可编辑。可能吗?
它让我感到困惑,因为它扭曲了布局,即元素替换原始文本的那一刻。
有谁知道一种技术来规避这种烦恼?
jQuery非常容易创建一个很好的“就地编辑”效果,但是,尽管它的有效性,它总是使用一些输入元素。jQuery - 无需输入元素即可编辑。可能吗?
它让我感到困惑,因为它扭曲了布局,即元素替换原始文本的那一刻。
有谁知道一种技术来规避这种烦恼?
是的。创建覆盖所有输入字段烦恼的CSS规则,并强制它以与原始元素相匹配的方式进行渲染。
.dynInput{
border:none;
font-size:inherit;
font-weight:inherit;
background-color:inherit;
}
所以,问题应该是:'就地编辑,没有布局变化'? :) – Kriem 2010-11-08 19:57:35
好。 HTML5确实支持可编辑的内容,但除非您想要将它与JS结合使用来读取该元素并提交(如果适合您),那么表单元素就是所谓的内容,不妨使用规范来构建它的内容去做。重写CSS并不像问题那样大,因为让人们知道它是可编辑的。没有输入字段的视觉提示,大多数人忽略了编辑某些东西的能力...... – FatherStorm 2010-11-08 20:13:00
有用的见解。谢谢! :) – Kriem 2010-11-08 20:19:03
contenteditable:http://html5demos.com/contenteditable – zzzzBov 2010-11-08 19:50:24