2010-03-08 44 views
1

我有一個textarea,我可以使用jeditable插件編輯但我不想要確定和取消按鈕。相反,我將通過點擊離開textarea(模糊)來保存文本。我已經準備好了該代碼,但我不知道如何使其工作。jquery jeditable沒有確定並取消按鈕

回答

8

只需將此與設置添加到哈希:

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

希望它能幫助,

乾杯

+0

如果您不想取消按鈕,您可以省略「取消」,但如果用戶不希望更改持續存在,用戶需要知道如何按ESC。 – tvanfosson 2010-03-08 15:16:24

+0

這就是爲什麼我把它留在那裏,只是刪除提交:-) – 2010-03-08 15:18:52

+0

非常感謝mplacona。我完全錯過了onblur – Adam 2010-03-08 15:23:50

0

對於那些可能與掙扎由於onblur被過早觸發而需要移動支持,並且需要一種編程方式來「canc el「編輯。我將下面的snip添加到if('destroy'== target)塊下面的jquery.jeditable.js文件的開頭。

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

將它修改爲提交函數也不會有困難。