2010-11-08 55 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