2010-11-08 50 views
0

jQuery非常容易创建一个很好的“就地编辑”效果,但是,尽管它的有效性,它总是使用一些输入元素。jQuery - 无需输入元素即可编辑。可能吗?

它让我感到困惑,因为它扭曲了布局,即元素替换原始文本的那一刻。

有谁知道一种技术来规避这种烦恼?

+1

contenteditable:http://html5demos.com/contenteditable – zzzzBov 2010-11-08 19:50:24

回答

4

是的。创建覆盖所有输入字段烦恼的CSS规则,并强制它以与原始元素相匹配的方式进行渲染。

.dynInput{ 
border:none; 
font-size:inherit; 
font-weight:inherit; 
background-color:inherit; 
} 
+0

所以,问题应该是:'就地编辑,没有布局变化'? :) – Kriem 2010-11-08 19:57:35

+0

好。 HTML5确实支持可编辑的内容,但除非您想要将它与JS结合使用来读取该元素并提交(如果适合您),那么表单元素就是所谓的内容,不妨使用规范来构建它的内容去做。重写CSS并不像问题那样大,因为让人们知道它是可编辑的。没有输入字段的视觉提示,大多数人忽略了编辑某些东西的能力...... – FatherStorm 2010-11-08 20:13:00

+0

有用的见解。谢谢! :) – Kriem 2010-11-08 20:19:03