X-Editable Toggle

Question

我需要使用X-Editable jQuery插件实现可编辑字段。

目前我有一个笔记列表，在每个笔记上我需要能够编辑标题＆amp;每个笔记的内容。

每个音符都有一个按钮，可以在打开/关闭之间切换。

一切都按预期工作，除了第一次按下按钮的事实，没有任何反应，第二次启用，然后就像正常一样。我猜测这与初始场状态有关，几乎就像第一次按下将切换编辑一样硬编码。

关于如何克服这个问题的任何想法？

这是我的代码：

$('.edit').on('click', function(){
    var parent =    $( this).parents('div.note.card'),
        title =     $( parent ).find('.note-title'),
        content =   $( parent ).find('.note-content');

    $( title ).editable('toggleDisabled');
    $( content ).editable('toggleDisabled');
});

Answer 1

使用

尝试

 $('.note-title').editable('toggleDisabled');
$('.note-content').editable('toggleDisabled');

而不是

 $( title ).editable('toggleDisabled');
$( content ).editable('toggleDisabled');