如何为动态创建的数据角色捕获事件="collapsible"

Question

能否请您告诉我如何捕获数据角色的事件="collapsible"

这是我的 fiddle

http://jsfiddle.net/5kbEE/18/

我试过这样

$('.my-collaspible').on('collapsibleexpand', function() {
        alert('herere');
});

如果 data-role="collapsible" 是静态的 (http://jsfiddle.net/5kbEE/19/).

，我怎么观察到上述事件工作正常

如果它是动态创建的，你能告诉我如何让它工作吗

Answer 1

您必须使用 event delegation。容器处理事件并将其委托给可折叠对象。通过这种方式，创建处理程序时不必存在可折叠对象。

$(document).on('collapsibleexpand', '.my-collaspible', function () {
    alert('herere');
});

Updated FIDDLE