如何为动态创建的数据捕获事件 - ＆＃34;可折叠＆＃34;

Question

能否请您告诉我如何捕获数据事件=＆＃34;可折叠＆＃34;

这是我的小提琴

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

我试过这种方式

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

我怎么观察到上述事件在数据角色=＆＃34;可折叠＆＃34;是静态的（http://jsfiddle.net/5kbEE/19/）。

如果动态创建，请告诉我如何使其正常工作

Answer 1

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

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

  

更新了 FIDDLE