javascript - 动态添加时，可折叠onclick事件中的Jquery Mobile列表不起作用

This question already has an answer here:

Binding dynamically added elements in jQuery mobile
（1个答案）
5年前关闭。
有人能告诉我为什么这个：JSfiddle static added collapsible and list有效而这个：JSfiddle "dynamically" added collapsible and list无效吗？
当然这只是个例子。但是我认为如果第二个JSFiddle项目中的click事件正常工作，我也可以在我的项目中修复这个问题。
如果我只能用两个ul触发一个单击事件，那也会很好，但现在这并不那么重要：

    $("#test1 & 2").on("click", 'li', function() {
    alert($(this).text());
});

最佳答案

你只需要这个：

$("#createmangelpagecollapsible").on("click", 'li', function() {
      alert($(this).text());
});

Demo
由于#test1和#test2uls也是动态生成的，因此不能将其作为最接近的父元素作为选择器，而要将ul附加到#createmangelpagecollapsiblediv的另一侧则将其用作最接近的父元素（容器）。