我试图在单击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中的元素时,什么也没有发生:(
我该如何解决?
谢谢,拉姆
您没有显示如何处理(在js中)单击LI,但是具有动态生成的内容的事情是,如果要添加事件侦听器,则需要使用委托一个。所以与其:
$('#list li').click(function() { /* your code here */ });
您需要使用:
$('#list').on('click', 'li', function() { /* your code here */ });
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句