原文:JS动态append之后点击事件无效

今天做项目用了append向HTML里面添加结构代码,代码添加之后,单击事件就没反应了。搞得我一脸懵逼,调了代码很久实在不行,我百度了一下才发现,append添加的节点单击事件是不会生效的。 原因: 原来append中的节点是在整个文档加载后才添加的,页面并不会为未来的元素初始化添加点击事件,所以使用这种方式动态添加的节点中的点击事件不会生效。 解决方法: 于是我只好改用事件代理来完成这次我的项目 ...

2019-06-07 16:30 0 2072 推荐指数:

查看详情

js动态加载HTML元素时出现的无效点击事件

项目中列表数据中隐藏着详情数据, 图一: 详情数据是:根据当前行的数据作为参数,通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面 图二: js文件中的这些js点击事件无效js代码: // 推荐商家点击标题展开与收起$('.toggle-tag ...

Wed Sep 07 19:37:00 CST 2016 0 31435
element 框架 el-radio-group 赋值之后点击无效的问题

el-radio-group下的el-radio 赋值之后点击无效但是数据已经改变了页面却没有变化 是因为从后台获取的值不能直接给赋给formData 需要一个中间变量 <el-radio-group v-model="formData.passwordForce"> ...

Thu Sep 17 23:43:00 CST 2020 0 2947
动态生成的DOM做点击事件无效

有时候我们的标签都是从后台获取的数据,然后利用JS添加到页面上,当我们写生成的标签的点击事件(click)时没有效果。 例如: 生成页面,点击A标签无效果。 这里只介绍两种解决方法。 ①把事件写在生成的字符串当中,感觉很low 里面什么方法名外面就声明 ...

Fri Aug 25 01:06:00 CST 2017 0 3171
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM