JEdi​​table - 重置值

Question

这可能是一件容易的事，我错过了，但我找不到一种方法来“重置”JEditable字段中的值。我让用户编辑三个字段，然后按一个按钮将这三个字段保存在一起。这很好，但是一旦完成，我想重置我的jEditable字段，使它们没有值并再次显示它们的占位符。用户输入的三个值将显示在其他位置。

我尝试$("#myfield").editable('reset')，但这没效果。

我找到的唯一方法是在这些字段上调用.empty()并使用我的回调函数和我的设置再次设置.editable，但我觉得这有点乱。

还有其他方式吗？

根据要求，{I}我想做的事情here's an example：

谢谢！

Answer 1

做这样的事......

更具体一点：

$('.editable').editable('http://www.example.com/save.php', { 
     type     : 'textarea',
     submit   : 'OK',
     callback : function(value, settings) {
         $("#myfield").text('');
     }
});

我认为还有很多需要改进的地方，但它是一个有效的版本:)这是我到目前为止所做的：http://jsfiddle.net/Wz8x9/3/

这里没什么特别的。我刚刚将默认字段值存储在数据属性中......

<div id="field1" data-placeholder="First Name"></div>

现在您可以像这样访问值：

$('#field1').html($('#field1').attr('data-placeholder'));