X-Editierbares Bootstrap-Plugin "Verstecktes" Event-Problem bei dynamisch hinzugefügten Elementen

Question

Ich kann das "versteckte" Ereignis von x-editable nicht über JS an dynamisch hinzugefügten Klassen (oder Feldern) bearbeiten lassen. Ich kann es nur funktionieren, wenn ich editierbare Klassen direkt in HTML hinzufüge, aber dieser Ansatz ist nicht für mich geeignet. Was mache ich falsch?

$.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: http://jsfiddle.net/4vj8buks/17/

Answer 1

Sie können in die verborgene Veranstaltung editierbare Haken wie folgen aus:

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