jquery - jquery jeditable 没有确定和取消按钮

Question

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

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

希望能帮助到你，

干杯

Answer 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;
    }

将其修改为提交函数也不难。