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

Question

有人可以告诉我为什么这样做：JSfiddle static added collapsible and list正在发挥作用而且：JSfiddle "dynamically" added collapsible and list无法正常工作？

当然这只是一个例子。但我认为如果第二个JSFiddle项目中的click事件正常工作，我也可以在我的项目中解决这个问题。

如果我只能用两个ul触发一次点击事件也会很好，但现在这不是那么重要：

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

Answer 1

你只需要这个：

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

Demo

由于#test1和#test2 ul也会动态生成，因此您无法将其作为最接近的父元素作为选择器，另一方面＃＆＃ 39;将ul附加到#createmangelpagecollapsible div，因此将其用作最接近的父元素（容器）。