Js中动态追加代码后，之前定义的Js不再起作用

问题描述：在js文件中使用javaScript或者jQuery中的html('代码')或者append('代码')，将我们的html代码动态添加到指定的容器里面（例如：table）后，页面可以正常显示，但是所追加部分的页面的js会失效。

解决方法：采用JQuery中的 delegate() 方法向尚未创建的元素添加事件处理程序。

//为table里现在或者未来所创建的每一个a标签绑定点击事件
$("table").delegate("a","click",function(){alert("亲测成功");//相应的业务代码
});

Js中动态追加代码后，之前定义的Js不再起作用相关推荐

js中动态添加/插入HTML代码块，并通过JQuery动态绑定点击事件
文章目录前言一.场景需求还原二.代码示例 1.引入JQuery库 2.代码示例一:HTML中div标签部分二:HTML中script标签部分三:JS文件部分总结前言本篇文章中讲的是在 ...
js方法写在html中,在js中写html代码怎么写
在js中写html代码的方法:首先使用div标签创建一块区域,给div标签添加一个id属性:然后在js中将一段html代码保存在html变量中:最后使用innerHTML属性,将html代码动态写入d ...
js中写html代码怎么写,在js中写html代码怎么写
在js中写html代码的方法:首先使用div标签创建一块区域,给div标签添加一个id属性:然后在js中将一段html代码保存在html变量中:最后使用innerHTML属性,将html代码动态写入d ...
修改js文件需要重启服务器,关于Node.js中频繁修改代码重启服务器的问题
我们可以使用一个第三方命名行工具,nodemon 来帮我们解决频繁修改代码重启服务器问题. nodemon 是一个基于 Node.jsNode.js 开发的第三方命令行工具,我们使用的时候需要独立安装 ...
eclipse中解决/**/多行注释代码后，格式变乱的问题
eclipse中解决/**/多行注释代码后,格式变乱的问题参考文章: (1)eclipse中解决/**/多行注释代码后,格式变乱的问题 (2)https://www.cnblogs.com/king ...
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...
Vue中el-table追加行后固定列滚动错位问题
Vue中el-table追加行后固定列滚动错位问题一.问题描述偶然发现一个问题,但是并没有找到解决方案,自己调试了两个多小时终于解决. 先贴出问题业务描述:在已查询完全部的符合条件的数据后,表格 ...
js 中 java 代码_在js中嵌套java代码
jsp中有时候在js中操作某些java后台传递过来的数据逻辑比较复杂,比如list内容的遍历,可以直接在页面上添加java脚本来执行内容,代码如下: //在js中插入java代码操作 //取出java ...
分享一个自定义的 console 类，让你不再纠结JS中的调试代码的兼容
问题的产生在写JS的过程中,为了调试我们常常会写很多 console.log.console.info.console.group.console.warn.console.error代码来查看JS ...

Js中动态追加代码后，之前定义的Js不再起作用

Js中动态追加代码后，之前定义的Js不再起作用相关推荐

最新文章

热门文章