使用JQuery将事件列表添加到动态添加的元素吗?

安吉·阿格劳瓦尔(Ankit Agrawal)

div使用jQueryon方法动态附加了元素,但是当我将侦听器附加到动态更新的元素时,它不起作用了吗?

的HTML

<input class="123" type="button" value="button" />
<input class="123" type="button" value="button" />
<div id="footer"></div>

jQuery的

$(document).ready(function () {
  $('.onlineUsers').on('click', function () {
      $('#footer').append("<div class=\"chatboxes\"> <div class=\"close\"><a href=\"#\">x</a></div> </div>");
  });

    $('a').on('click', function () {
        alert("hello");
    });
});
Tushar Gupta-好奇

使用.on()

由于元素是动态添加的,因此无法将事件直接绑定到它们。因此,必须使用事件委托

$('#footer').on('click','a',function () {
     alert("hello");
});

句法

$( elements ).on( events, selector, data, handler );

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用JQuery将事件列表添加到动态添加的元素吗?

来自分类Dev

使用jQuery将“ onClick”事件添加到动态div

来自分类Dev

使用JS或Jquery将事件添加到动态创建的元素中

来自分类Dev

尝试将事件动态添加到jQuery事件日历

来自分类Dev

将列表元素动态添加到ul元素

来自分类Dev

将数据添加到动态创建的元素并绑定事件

来自分类Dev

将鼠标事件添加到动态创建的元素Vuejs

来自分类Dev

如何将事件侦听器添加到动态创建的HTML列表元素?

来自分类Dev

将事件添加到使用 ajax 添加的元素?

来自分类Dev

jQuery-将click事件添加到动态创建的元素中

来自分类Dev

将事件侦听器添加到使用Javascript从API捕获的动态生成的元素中

来自分类Dev

尝试将加载事件添加到锚定元素(JQuery)

来自分类Dev

使用选定的jQuery将事件添加到按钮后,将事件添加到按钮

来自分类Dev

在没有Jquery的情况下将Click事件添加到动态添加的列表项中

来自分类Dev

如何使用JavaScript将onclick事件添加到元素

来自分类Dev

如何使用Razor / MVC 5将元素动态添加到下拉列表

来自分类Dev

将事件添加到html元素

来自分类Dev

如何将事件和事件类型动态添加到Java脚本而不是jquery中的元素

来自分类Dev

动态将元素添加到数组

来自分类Dev

使用jQuery将动态内容添加到多个元素中

来自分类Dev

使用jQuery将属性动态添加到img元素后,Bootstrap轮播无法正常工作

来自分类Dev

使用jQuery将动态内容添加到多个元素中

来自分类Dev

如何使用jquery动态地将元素添加到SVG图像?

来自分类Dev

将事件侦听器添加到动态添加的HTML元素

来自分类Dev

将事件处理程序添加到动态添加的span元素

来自分类Dev

如何使用jquery将新项目动态添加到此表单中的下拉列表中?

来自分类Dev

如何使用jquery将新项目动态添加到此表单中的下拉列表中?

来自分类Dev

如何使用jquery将php中的列表项动态添加到<ul>中?

来自分类Dev

使用jQuery将click事件添加到类中

Related 相关文章

  1. 1

    使用JQuery将事件列表添加到动态添加的元素吗?

  2. 2

    使用jQuery将“ onClick”事件添加到动态div

  3. 3

    使用JS或Jquery将事件添加到动态创建的元素中

  4. 4

    尝试将事件动态添加到jQuery事件日历

  5. 5

    将列表元素动态添加到ul元素

  6. 6

    将数据添加到动态创建的元素并绑定事件

  7. 7

    将鼠标事件添加到动态创建的元素Vuejs

  8. 8

    如何将事件侦听器添加到动态创建的HTML列表元素?

  9. 9

    将事件添加到使用 ajax 添加的元素?

  10. 10

    jQuery-将click事件添加到动态创建的元素中

  11. 11

    将事件侦听器添加到使用Javascript从API捕获的动态生成的元素中

  12. 12

    尝试将加载事件添加到锚定元素(JQuery)

  13. 13

    使用选定的jQuery将事件添加到按钮后,将事件添加到按钮

  14. 14

    在没有Jquery的情况下将Click事件添加到动态添加的列表项中

  15. 15

    如何使用JavaScript将onclick事件添加到元素

  16. 16

    如何使用Razor / MVC 5将元素动态添加到下拉列表

  17. 17

    将事件添加到html元素

  18. 18

    如何将事件和事件类型动态添加到Java脚本而不是jquery中的元素

  19. 19

    动态将元素添加到数组

  20. 20

    使用jQuery将动态内容添加到多个元素中

  21. 21

    使用jQuery将属性动态添加到img元素后,Bootstrap轮播无法正常工作

  22. 22

    使用jQuery将动态内容添加到多个元素中

  23. 23

    如何使用jquery动态地将元素添加到SVG图像?

  24. 24

    将事件侦听器添加到动态添加的HTML元素

  25. 25

    将事件处理程序添加到动态添加的span元素

  26. 26

    如何使用jquery将新项目动态添加到此表单中的下拉列表中?

  27. 27

    如何使用jquery将新项目动态添加到此表单中的下拉列表中?

  28. 28

    如何使用jquery将php中的列表项动态添加到<ul>中?

  29. 29

    使用jQuery将click事件添加到类中

热门标签

归档