jquery - JEdi​​table - 重置值

Question

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

我尝试执行 $("#myfield").editable('reset')，但这不起作用。

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

还有其他办法吗？

根据要求，here's an example在 fiddle 中我想做的事情:

谢谢!

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'));