如何将调用方法绑定到x-editable中的新按钮？

Question

我在X-Editable模板中添加了一个新按钮：

$.fn.editableform.buttons =
  '<button type="submit" class="editable-submit">save</button>' +
 '<button type="button" class="editable-cancel">cancel</button>' +
 '<button type="button" class="editable-test">test</button>';

如何将click方法绑定到此按钮并从可编辑实例获取数据？这是我失败的尝试：

$("button.editable-test").on("click", function() { console.log($(this).data('editable')); }

感谢。

Answer 1

$("button.editable-test").on("click", function()

应该是

$(document).on("click", "button.editable-test", function()

http://api.jquery.com/on/

您会在文档中注意到，您必须将'action', 'item', function传递给.on方法，并且$('item').on应始终位于dom上方item（文档或正文应始终但要提高效率，请尝试选择较近的项目，例如"button.editable-test"容器。