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

标签 javascript jquery html jquery-mobile

<分区>

有人可以告诉我这是为什么吗:JSfiddle static added collapsible and list正在工作,这个:JSfiddle "dynamically" added collapsible and list不工作?

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

如果我可以用两个 ul 只触发一次点击事件,那也很好,但现在这不是那么重要:

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

最佳答案

你只需要这个:

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

Demo

因为 #test1#test2 ul 也是动态生成的,所以你不能将它作为最接近的父元素作为选择器,另一侧将 ul 附加到 #createmangelpagecollapsible div,因此将其用作最接近的父元素(容器)。

关于javascript - 动态添加时,可折叠 onclick 事件中的 Jquery Mobile 列表不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26377780/

相关文章:

javascript - 背景颜色基于实际的巴塞罗那时区并且元素也会发生变化

javascript - 在更改该页面上的类时定向到另一个页面

javascript - 通用功能?

javascript - 如何在没有 MongoDB 的情况下通过订阅在 Meteor 中发布数据?

javascript - 如何在 JavaScript 或 jQuery 中从键/值数组获取值

javascript - 刷新时维护表单元素状态

jquery - 将 knockoutjs 与 jqGrid 一起使用

html - 行中的嵌套列表 - CSS

javascript - 如何在没有 FileReader 的情况下在 Javascript 中将文件转换为 Blob?

javascript - 使用 JavaScript 进行门票选择