在按钮单击上编辑可编辑标签

Question

我使用x-editable内联编辑了一些文字。只要我直接点击标签，一切正常。但是，如果我实现一个按钮并希望在按钮点击时编辑标签，那么它就不会起作用。

原因是，单击标签会对其进行编辑并单击标签外的任何位置即可重置标签。在这里，当我点击按钮时，它被视为外部点击并且可编辑标签不会编辑。

该怎么办？我不想和setTimeout()一起去。

Answer 1

以下几行就是诀窍

我给了按钮一个ID（＆＃34; inline_editable_button ＆＃34;）

jQuery("inline_editable_button").click(function(e){
    e.stopPropagation();
    jQuery('#editable_id').editable('toggle');
});