JEdi​​table-重置值

Mel*_*nie 3 jquery jeditable

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

我试图做$("#myfield").editable('reset'),但这没用。

我发现的唯一方法是调用.empty()这些字段,并使用回调函数和设置再次将.editable设置为一遍,但是我发现这有点混乱。

还有其他方法吗?

根据要求,这是 Fiddle中我想做的一个例子

谢谢!

gea*_*tal 5

只是做这样的事情...

更具体一点:

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

我认为有很多改进之处,但它是一个有效的版本:)这是我到目前为止所做的:http : //jsfiddle.net/Wz8x9/3/

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

<div id="field1" data-placeholder="First Name"></div>
Run Code Online (Sandbox Code Playgroud)

现在,您可以像这样访问值:

$('#field1').html($('#field1').attr('data-placeholder'));
Run Code Online (Sandbox Code Playgroud)