动态添加元素的X-Editable引导程序插件"隐藏"事件问题

Question

我无法通过JS获得x-editable的"隐藏"事件来处理动态添加的类(或字段).只有在我直接在HTML上添加可编辑类时,我才能管理它,但这种方法不适合我.我究竟做错了什么？

$.fn.editable.defaults.mode = "inline";
$.fn.editable.defaults.onblur = "submit";

$(document).ready(function () {
    $('.field').each(function() {
        $(this).addClass('editable');
    });
    $('.editable').editable();
});

$(document).on('hidden', '.editable', function(e, params) {
    alert('was hidden!');
});

小提琴:http://jsfiddle.net/4vj8buks/17/

Answer 1

您可以像这样挂钩可编辑的隐藏事件：

$.fn.editable.defaults.mode = "inline";
$.fn.editable.defaults.onblur = "submit";

$(document).ready(function () {
    $('.field').each(function() {
        $(this).addClass('editable');
    });

    $('.editable').editable().on('hidden', function (e, params) {
        alert('was hidden!');
    });
});