javascript - 单击 li 元素时的 jQuery 移动弹出窗口

Question

我试图在单击 UL 列表中的 LI 元素时显示一个弹出窗口。

这是html部分

<ul id="list" data-role="listview" data-filter="true" data-inset="true">
</ul>

<div id="popups">
</div>

#list 中的元素将动态生成并填充。

因为我想在单击列表中的元素时弹出窗口，所以当我在 UL 中插入元素时，我会这样做

 $("#popups").append('<div data-role="popup" id="' + event.data.key + '">' + '<p>' + event.data.text + '</p>' + '</div>');
 $("#list").append('<li><a href="#' + event.data.key + '" data-rel="popup" class="ui-btn ui-corner-all ui-btn-right" >' + event.data.text + '</a></li>');

但我得到的是这个 https://dl.dropboxusercontent.com/u/2736804/others/2014_07_28_jQuery.PNG当我点击 UL 中的元素时什么也没有发生:(

我该如何解决这个问题？

谢谢， 公羊

Answer 1

您没有展示如何处理单击 LI(在您的 js 中)，但动态生成内容的问题是，如果您想添加事件监听器，则需要使用委托(delegate)一。 所以相反:

$('#list li').click(function() { /* your code here */ });

您需要使用:

$('#list').on('click', 'li', function() { /* your code here */ });