jquery - OKボタンとキャンセルボタンなしでjquery jeditable

Question

jeditable プラグインで編集できるテキストエリアがありますが、[OK] ボタンと [キャンセル] ボタンは必要ありません。代わりに、テキスト領域 (ぼかし) から離れた場所をクリックして、テキストを保存します。そのコードの準備はできていますが、それを機能させる方法がわかりません。

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

これを送信機能に変更することも難しくありません。