jQuery动态添加按钮，绑定点击事件失效

因为需求需要给页面动态添加按钮并绑定点击事件进行操作，
但是发现绑定的点击事件失效。
原因分析：
append中的节点是在整个文档加载完之后开始添加，因此页面不会为append的元素初始化添加点击事件
按钮失效代码：
$(’.edit’).click(function(){
console.log(‘111111’);
})
解决办法：
使用事件委托的方式，将指定的事件绑定在document上。

$(document).on('click','.edit',function(){console.log('111111');
})

$(document).on('事件名称','操作的元素',function(){需要执行的逻辑
})

如有问题欢迎指正呦~
微信：1319672314

jQuery动态添加按钮，绑定点击事件失效相关推荐

【JavaScript】按钮绑定点击事件-onCliek事件
[JavaScript]按钮绑定点击事件-onCliek事件 <button type="submit" id="btn">btn</butt ...
按钮绑定点击事件-onClick事件
按钮绑定点击事件-onClick事件 <button type="submit" id="btn">btn</button> 1. 第一 ...
JavaScript给按钮绑定点击事件（onclick）的方法及js常见事件
本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法.分享给大家供大家参考.具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!D ...
Android 动态添加标签及其点击事件
在做Android开发的时候,会遇到动态添加标签让用户选择的功能,所以自己写了个例子,运行效果图如下. 标签可以左右滑动进行选择,点击的时候,会弹出toast提示选择或者取消选择了哪个标签.通过动态添 ...
jquery 动态按钮绑定点击事件
一.Jquery实现点击事件的四种写法来自:https://blog.csdn.net/liutianjie/article/details/85112787 1. $(".tab&quo ...
html按钮绑定点击事件无效,jquery添加的html元素按钮为何不执行类样式绑定的click事件...
代码举例:jquery 更多按钮:ajax json 点击按钮添加一行文本框和"提交"按钮:(没有问题,能够正常添加)服务器 $(".addMore").cli ...
使用JavaScript动态添加HTML语句后，事件失效的解决办法
一.问题分析当我们使用js语法向页面中添加html语句时,经常会出现添加的html语句中绑定的事件无法执行,这是因为当js,css加载后才添加的html语句,这样在js事件加载时去找绑定的选择器(i ...
安卓java代码标签_Android实现动态添加标签及其点击事件
在做Android开发的时候,会遇到动态添加标签让用户选择的功能,所以自己写了个例子,运行效果图如下. 标签可以左右滑动进行选择,点击的时候,会弹出toast提示选择或者取消选择了哪个标签.通过动态添 ...
jquery 动态拼接数据设置点击事件
//获取总数据 $.ajax({type: "post", //请求方式contentType: "application/json",url:"&q ...

jQuery动态添加按钮，绑定点击事件失效

jQuery动态添加按钮，绑定点击事件失效

jQuery动态添加按钮，绑定点击事件失效相关推荐

最新文章

热门文章