动态添加新元素事件无法触发解决方法

问题：想从后端把数据传给前端，然后ajax动态创建新元素，此时新创建元素的事件无法触发
解决办法：事件委托（jquery的on方法）

1.刚开始事件的常规写法写法

    $(".del")click(function(){alert($(this).attr("book"));})

2.事件委托的写法

 //事件委托是通过事件冒泡的原理，利用父级去触发子级的事件。
$(".table2").on('click','.del',function(){alert($(this).attr("book"));})

补充：如何获取设置删除新增元素自定义属性值

<a book='1'>this is example</a>
//获取book值
$('a').attr('book');
//修改book值
$('a').attr('book','**');
//删除book值
$('a').removeAttr('book');

动态添加新元素事件无法触发解决方法相关推荐

mac php phpize,macOS 中使用 phpize 动态添加 PHP 扩展的错误解决方法
使用 phpize 动态添加 PHP 扩展是开发中经常需要做的事情,但是在 macOS 中,首次使用该功能必然会碰到一些错误,本文列出了这些错误的解决方法. 问题一: 执行 phpize 报错如下: ...
div失去焦点事件onblur()不触发解决方法
需求: 做一个弹出框组件,文字点击时会在文字下方弹出一个框,在vue3中监听div元素的blur事件发现事件并不会在div失去焦点时触发解决方法 bug原因:在vue中div默认不触发事件,除非将元 ...
原生js清空上一个元素内容_原生JS实现动态添加新元素、删除元素方法
1. 添加新元素动态添加新元素 Coffee Tea Coffee Tea var child = document.getElementsByClassName("child" ...
linux服务器插上硬盘不能开机,Linux服务器添加新硬盘无法识别解决方法（无需重启）...
Linux服务器添加新硬盘无法识别解决方法(无需重启) 发布时间:2018-08-24 19:45, 浏览次数:711 , 标签: Linux 前言一般来说,当我们在服务上插入新的磁盘时,服务器是会 ...
scrollview嵌套listview 滑动事件冲突的解决方法
scrollview嵌套listview 滑动事件冲突的解决方法参考文章: (1)scrollview嵌套listview 滑动事件冲突的解决方法 (2)https://www.cnblogs.co ...
使用layui 做后台管理界面，在Tab中的链接点击后添加一个新TAB的解决方法
使用layui 做后台管理界面,在Tab中的链接点击后添加一个新TAB的解决方法参考文章: (1)使用layui 做后台管理界面,在Tab中的链接点击后添加一个新TAB的解决方法 (2)https: ...
U3D Animator 组件控制动画的播放暂停，动态添加帧事件
//顺便说一句,U3D的动画编辑器有BUG,添加关键帧事件后选了函数会说不支持,其实是可以用.运行下看结果来定吧. //大家好我是笨笨,笨笨的笨,笨笨的笨,谢谢! //20150810 by Jerr ...
Win11系统添加pin码一直转圈解决方法分享
Win11系统添加pin码一直转圈解决方法分享.我们在使用电脑的时候,一般都会去进行密码的设置,用于保护电脑的账号安全.但是有用户在设置好了密码之后.保存出现了一直转圈的情况.如何解决这个问题,一起看 ...
JabRef中添加中文文献出现乱码解决方法
JabRef中添加中文文献出现乱码解决方法参考文章: (1)JabRef中添加中文文献出现乱码解决方法 (2)https://www.cnblogs.com/tsingke/p/6516636. ...

动态添加新元素事件无法触发解决方法

动态添加新元素事件无法触发解决方法相关推荐

最新文章

热门文章