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

内存

我试图在单击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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery移动弹出窗口宽度问题

来自分类Dev

jQuery移动弹出窗口问题

来自分类Dev

jQuery移动弹出窗口宽度问题

来自分类Dev

jQuery移动弹出窗口问题

来自分类Dev

设备的(android)键盘处于活动状态时,jQuery移动弹出窗口小部件不会移动

来自分类Dev

设备的(android)键盘处于活动状态时,jQuery移动弹出窗口小部件不会移动

来自分类Dev

如何移动弹出窗口?

来自分类Dev

jQuery移动弹出窗口在页面调整大小或滚动时在错误的位置重新打开

来自分类Dev

从标题链接到jQuery移动弹出窗口时不显示

来自分类Dev

从标题链接到jQuery移动弹出窗口时不显示

来自分类Dev

不会阻止UI的jQuery移动弹出窗口

来自分类Dev

jQuery移动弹出窗口不适用于Android

来自分类Dev

jQuery移动弹出维度

来自分类Dev

两秒钟后使jQuery移动弹出窗口消失

来自分类Dev

无法以编程方式关闭jQuery移动弹出窗口中的可折叠

来自分类Dev

如何在页面底部显示一个jQuery移动弹出窗口?

来自分类Dev

jQuery移动弹出窗口的宽度因内部内容而异吗?

来自分类Dev

jQuery移动弹出窗口关闭按钮并非始终有效

来自分类Dev

一旦按下相关按钮,JQuery 移动弹出窗口并不总是出现

来自分类Dev

使用setInterval在JavaScript中移动弹出窗口

来自分类Dev

jQuery FantasyBox 如何防止垂直拖动弹出窗口

来自分类Dev

当我单击evrywhere时,如何关闭jQuery弹出窗口

来自分类Dev

单击表中的tr时,使用JQuery创建弹出窗口

来自分类Dev

如何使用 jQuery 在单击时创建选项列表弹出窗口

来自分类Dev

单击时显示弹出窗口

来自分类Dev

在打开另一个弹出窗口时如何隐藏活动弹出窗口?

来自分类Dev

jQuery:移动Li元素?

来自分类Dev

如何在Microsoft Edge浏览器中调整和移动弹出窗口的大小?

来自分类Dev

如何在Microsoft Edge浏览器中调整和移动弹出窗口的大小?

Related 相关文章

  1. 1

    jQuery移动弹出窗口宽度问题

  2. 2

    jQuery移动弹出窗口问题

  3. 3

    jQuery移动弹出窗口宽度问题

  4. 4

    jQuery移动弹出窗口问题

  5. 5

    设备的(android)键盘处于活动状态时,jQuery移动弹出窗口小部件不会移动

  6. 6

    设备的(android)键盘处于活动状态时,jQuery移动弹出窗口小部件不会移动

  7. 7

    如何移动弹出窗口?

  8. 8

    jQuery移动弹出窗口在页面调整大小或滚动时在错误的位置重新打开

  9. 9

    从标题链接到jQuery移动弹出窗口时不显示

  10. 10

    从标题链接到jQuery移动弹出窗口时不显示

  11. 11

    不会阻止UI的jQuery移动弹出窗口

  12. 12

    jQuery移动弹出窗口不适用于Android

  13. 13

    jQuery移动弹出维度

  14. 14

    两秒钟后使jQuery移动弹出窗口消失

  15. 15

    无法以编程方式关闭jQuery移动弹出窗口中的可折叠

  16. 16

    如何在页面底部显示一个jQuery移动弹出窗口?

  17. 17

    jQuery移动弹出窗口的宽度因内部内容而异吗?

  18. 18

    jQuery移动弹出窗口关闭按钮并非始终有效

  19. 19

    一旦按下相关按钮,JQuery 移动弹出窗口并不总是出现

  20. 20

    使用setInterval在JavaScript中移动弹出窗口

  21. 21

    jQuery FantasyBox 如何防止垂直拖动弹出窗口

  22. 22

    当我单击evrywhere时,如何关闭jQuery弹出窗口

  23. 23

    单击表中的tr时,使用JQuery创建弹出窗口

  24. 24

    如何使用 jQuery 在单击时创建选项列表弹出窗口

  25. 25

    单击时显示弹出窗口

  26. 26

    在打开另一个弹出窗口时如何隐藏活动弹出窗口?

  27. 27

    jQuery:移动Li元素?

  28. 28

    如何在Microsoft Edge浏览器中调整和移动弹出窗口的大小?

  29. 29

    如何在Microsoft Edge浏览器中调整和移动弹出窗口的大小?

热门标签

归档