JEditable -重置值

Question

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

我试着做$("#myfield").editable('reset')，但没有起作用。

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

还有别的办法吗？

按照要求，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'));