在表中使用X-Editable內聯

Question

我想在按鈕單擊時使用內聯的可編輯表格行。

這裏是我的jsfiddle：https://jsfiddle.net/nah26L67/

這裏是我的代碼：

$('.edit').on('click', function() { 
    var id = $(this).attr('data-edit-id'); 
    $('span[data-id=' + id + ']').editable('toggle'); 
    $('span[data-id=' + id + '][data-type=date]').editable('toggle'); 
}); 

期望的結果是，當你點擊「編輯」的整個行會顯示xeditable嵌入式文本框，您可以輸入文本以及複選標記和退出按鈕。

問題是我的實現只是沒有工作。

有沒有人有任何想法爲什麼？

Answer 1

我找到了答案，我的問題在這裏：http://jsfiddle.net/xBB5x/348/

我需要設置默認爲它像這樣：

var defaults = { 
    mode: 'inline', 
    toggle: 'manual', 
    showbuttons: false, 
    onblur: 'ignore', 
    inputclass: 'input-small', 
    savenochange: true 
}; 
$.extend($.fn.editable.defaults, defaults);