Javascript X-可编辑引导插件；“隐藏的”；动态添加元素的事件问题

我无法让x-editable的“隐藏”事件通过JS处理动态添加的类（或字段）。只有直接在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!');
});

---

Fiddle:

您可以像下面这样钩住可编辑的隐藏事件：

$.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!');
    });
});

---

我认为公认的答案并不能真正解决这个问题

隐藏事件不会冒泡到文档级别。为了解决这个问题，我必须添加代码，以便在插入元素的任何位置（在我的例子中，只有一个位置）再次设置事件

有关此问题的讨论，请参见此处，尽管没有多大帮助