jquery jeditable 没有确定和取消按钮答案

【问题标题】：jquery jeditable without OK and Cancel Buttonsjquery jeditable 没有确定和取消按钮
【发布时间】：2010-03-08 15:07:50
【问题描述】：

我有一个可以使用 jeditable 插件编辑的文本区域，但我不想要 OK 和 Cancel 按钮。相反，我将通过单击远离文本区域（模糊）来保存文本。我已经准备好该代码，但我不知道如何使它工作。

【问题讨论】：

标签： jquery button jeditable

【解决方案1】：

只需将其添加到带有设置的哈希中：

onblur   : 'submit'

例子：

$(document).ready(function() {
    $("#editable1").editable("http://www.domain.com/editdata/", { 
        indicator : "<img src='img/indicator.gif'>",
        type      : 'textarea',
        onblur    : 'submit',
        tooltip   : 'Click to edit...',
        cancel    : 'Cancel'
    });
});

希望对你有帮助，

干杯

【讨论】：

如果您不想要“取消”按钮，您可以省略“取消”，但如果用户不希望保留更改，则需要知道按 ESC。
这就是为什么我把它放在那里，然后删除了提交:-)
非常感谢您。我完全错过了 onblur
我建议您将答案与当时的回答一致，以便将来参考。很高兴它帮助了你
但是如果用户点击选项卡并选择取消按钮并点击回车，如何强制不保存...预期的行为是内容不会被保存，但仍然可以通过 sith onblur 提交救了！！！，这是非常反直觉的......

【解决方案2】：

适用于那些可能因过早触发 onblur 而在移动支持方面遇到困难的用户，并且需要以编程方式“取消”编辑。我将下面的 snip-it 添加到 jquery.jeditable.js 文件的开头，在 if('destroy' == target) 块下。

if ('cancel' == target) {
        //original.reset();
        if ($.isFunction($.editable.types[settings.type].reset)) {
            var reset = $.editable.types[settings.type].reset;
        } else {
            var reset = $.editable.types['defaults'].reset;
        }
        reset.apply(form, [settings, original]);
        return;
    }

把它修改成提交函数也不难。

【讨论】：