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

Answer 2

我不认为接受的答案确实解决了这个问题。

隐藏事件不会冒泡到文档级别。为了解决方法，我必须添加代码以在插入元素的任何地方再次设置事件（在我的情况下只有一个地方）。

请参阅此处以了解有关此问题的讨论，但不是很有帮助。 https://github.com/vitalets/x-editable/issues/86

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

2 个答案: