使用jQuery进行内联编辑

Question

是否有关于使用jQuery进行'内联'编辑的指南？

我知道我在这里没有使用正确的术语，但基本上你点击了一些文字，动态区域变为带有提交按钮的可编辑输入框。

jQuery是否有内置功能？

Answer 1

据我所知，jQuery没有任何内置内容，但请查看Jeditable，这是一个jQuery插件。

Answer 2

您可以这样做：

<input type="text" value="someText" id="editableText" class="hideBorder"/>

$('#editableText').toggle(function() {
             $(this).removeClass('hideBorder');
          }, function() {
             $(this).addClass('hideBorder');
          });

.hideBorder {
 border: 0;
}

Answer 3

查看inedit jquery插件