JS动态追加Html造成追加部分没有事件解决方案

最新推荐文章于 2024-04-21 15:25:48 发布

weixin_30432007

最新推荐文章于 2024-04-21 15:25:48 发布

阅读量454

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/laukings/p/10818553.html

版权

//动态追加的html需要用委派事件处理
var body = $('body');

body.delegate('标签', 'click', function () { });

每一次动态追加html的时候都会再次委派事件。

代码示例

<body>

　　<table>

　　　　<tr>

　　　　　　</td>

　　　　</tr>

　　</table>

</body>

var body = $('body');
//回复弹出窗
body.delegate('.table input', 'click', function () {

　　alert("动态增加事件成功");

});

转载于:https://www.cnblogs.com/laukings/p/10818553.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30432007

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

JavaScript - 实现向 formData 对象中追加数组或对象，使用 append() 插入数组、对象等复杂数据类型（vue / uniapp / react 项目通用解决方案）

王佳斌

02-14

5580

JS，vue如何在 FormData 中追加数组？uniapp vue js formData传递数组，数组添加进formdata,javascript - 将FormData对象放入数组，FormData传数组对象的方法前端，vue JS,如何在FormData中追加数组，JS,如何在 FormData 中追加数组，JS,如何在 FormData 中追加数组，formData 传对象和数组、空文件的方法，我可以在javascript中将数组附加到'formdata'吗?，javascript如何向For

JavaScript向HTML中追加内容

qq_42477391的博客

12-22

1867

<html> <head> <script src="G:/js/jquery-3.5.1.js"></script> <script> $(function(){ var init = document.getElementById("btn2").innerHTML; $("#btn").click(function(){ var html = document.ge

参与评论您还未登录，请先登录后发表或查看评论

html追加元素没有点击事件,js 新追加的元素点击事件没触发

weixin_35245427的博客

05-31

661

常见情况：监听html中某个类的元素的点击事件，当新追加同一个类的元素时，点击新追加的元素没有反应。例如：Testtitle>.divs{height:100px;width:100px;background-color:red;margin:20px;}style>head>div>div>script>varstr='';$('.divs').on(...

js body追加html代码,innerHTML动态添加html代码和脚本兼容多个浏览器

weixin_39564807的博客

05-31

2455

症状：给某个元素的 innerHTML 设置值时，如果提供的 HTML 代码中包含js脚本，很多时候这些脚本无效，或者在某种浏览器上有效，但在其它浏览器上无效。原因：不同浏览器对插入 innerHTML 中的脚本有不同的处理方法。经过实践，归纳如下：对于IE，首先, script 标签必须带 defer 属性，其次,在插入时刻，innerHTML 的所属节点必须在 DOM 树中.对于 Firefo...

js 添加 html 元素绑定事件无效,js动态加载HTML元素时出现的无效的点击事件

weixin_33941707的博客

06-03

650

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

js插入html内容的方法

最新发布

qq_73746764的博客

04-21

732

2. afterBegin:插入到标签开始标记之后。在相应位置插入新的 HTML 内容，而不会破坏原有内容。1. beforeBegin: 插入到标签开始前。3. beforeEnd:插入到标签结束标记前。4. afterEnd:插入到标签结束标记后。不保留原来的节点内容，原有内容替换为新的内容。两个参数（"插入的位置",插入内容）追加一个新的元素，并保留原有内容。

原生js动态为table追加html,JS动态添加Table的TR，TD实现方法

weixin_34618077的博客

05-31

999

本文实例讲述了JS动态添加Table的TR，TD实现方法。分享给大家供大家参考。具体实现方法如下：var tempRow=0;var maxRows=0;function insertRows(){tempRow=table1.rows.length-1;maxRows=tempRow;tempRow=tempRow+1;var Rows=table1.rows;//类似数组的Rowsvar ne...

解决layui追加或者动态修改的表单元素“没效果”的问题

10-16

为了解决这个问题，layui提供了一个解决方案，即通过调用`form.render(type, filter)`方法来手动触发表单元素的渲染。这里的`type`参数是可选的，用于指定需要重新渲染的表单元素类型，如'select', 'checkbox'等。`...

向html中追加内容,将数据内容动态添加到HTML中

weixin_35143514的博客

05-31

1996

// 申明一个数组用来装遍历的元素var li = [];//遍历元素并加载到标签中for(var i = 0; ivar nav_li = ''+navGroup.self_first_nav[i].name+'';li.push(nav_li);}//将数组动态添加到html中nav.html(li);JS从后台获取数据，前台动态添加tr标签中的td标签功能描述: 要求从后台查询该省份的所有城...

解决 viewer.js 动态更新图片导致无法预览的问题

10-17

在网页开发中，有时我们需要为用户提供查看大图的功能，这时 Viewer.js 这款强大的图片查看器就派上了用场。...如果你在使用 Viewer.js 过程中遇到其他问题，可以查阅官方文档或寻求社区帮助，通常都能找到解决方案。

js在body中加html,js放在html的<body>和<head>有什么区别？

weixin_35544017的博客

05-31

910

js 放在中，如果不添加 async 或者 defer 时，当浏览器遇到 script 时，会阻塞 DOM 树的构建，进而影响页面的加载。当 js 文件较多时，页面白屏的时间也会变长。在这个过程中，如果解析器遇到了一个脚本(script)，它就会停下来，并且执行这个脚本，然后才会继续解析 HTML。如果遇到了一个引用外部资源的脚本(script)，它就必须停下来等待这个脚本资源的下载，而这个行...

js 动态追加html 点击事件找不到方法，无法生效

fuchto的博客

07-07

680

在方法里绑定方法即可 function add_msg(that,number){ var thislength = $(that).parent().parent().children().children(".template-msg").length; var str = '<div id="msg-'+thislength+'" class="template-msg">\n' + '\t\t\t\t\t<div class="form-group">\n' +

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

weixin_30950887的博客

09-07

819

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

对于页面动态加载的元素事件无效的解决方案

weixin_30439031的博客

07-31

279

当用ajax动态获取的数据放在新建的div中进行展示时，当你提前写一些 mouseover,click 操作时会发现不起作用解决方法：把事件绑定到它的父元素上面例如，每次读到数据会将它放在新建的 class = data的div中显示，并且用append方法把他添加在 id= parent 的div中。这个时候假如对data这个块有点击事件，平常可能会写 $('.data').cli...

js动态新增元素，绑定事件不起作用失效问题

hgg923的专栏

03-25

2543

利用on绑定方法，如下代码（说明：.uploadImg是新增元素；）核心重点：.sendList是页面一直存在的元素，这样才能给动态元素一直绑定事件；终极办法：$('body').on('change',"动态元素选择器", function() {});（但是从性能角度，不推荐用body这种选择器） $('.sendList').on('change',".uploadImg", f...

新添加的标签触发不了绑定的事件

Nikita_jg的博客

07-27

1100

在做评论界面时，新添加的评论div里绑定一个点击事件触发不了，百度一下方法很好用：为了达到更好的演示效果，假设在某个页面的body下有以下结构的代码： 1 2 3 4 5 6 7 8 9 10 11 "pLabel">新加一条 "ulLabel"> "liLabel">aaa1 "liLabel">aaa2

用js或者jquery动态给div追加内容，不覆盖之前的内容