添加HTML元素动态绑定Onclick事件
使用jQuery动态添加元素到网页时,需要绑定点击事件适当地确保功能正常。但是,.bind() 和 .live() 等旧方法已被弃用。相反,应该使用 .on() 方法。
.on() 方法采用三个参数:事件类型(例如“click”)、标识事件应发送到的元素的选择器被绑定,以及处理的回调函数event.
示例:
$(document).on('click', '.added-element', function() { alert('Hello from the binded event!'); });
在此示例中,任何具有“added-element”类的元素在单击时都会触发警报,无论它是否已添加到 DOM
注意:
.on() 方法也可用于将事件绑定到特定容器内动态添加的元素。例如,如果要将点击事件绑定到 ID 为“container”的 div 中的所有元素,则可以使用以下代码:
$('#container').on('click', '.added-element', function() { alert('Hello from the container!'); });
以上是如何在 jQuery 中动态绑定 Onclick 事件到添加的 HTML 元素?的详细内容。更多信息请关注PHP中文网其他相关文章!