JS异步加载，JQ事件不被执行解决方法

一，在我们实现动态生成HTML代码时会出现，使用JQ方法会不被执行，解决方法，如下：使用jquery的委托事件，将该方法委托到页面已经存在的一个节点上

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="jquery-1.11.1.js"></script><script>$(function () {$("#demo").delegate('.t1', 'click', function () {alert("t1");});$("#demo").delegate('#t2', 'click', function () {alert("t2");});$("#demo").delegate('.t3', 'click', function () {alert("t3");});$("#demo").delegate('#t4', 'click', function () {alert("t4");});Test();});function Test() {var strHtml = "<div class='t1'>t1</div>";strHtml += "<div id='t2'>t2</div>";strHtml += "<div class='t3'>t3</div>";strHtml += "<div id='t4'>t4</div>";$("#demo").html(strHtml);}</script>
</head>
<body><div id="demo"></div><div id="demo1"></div>
</body>
</html>

二，经过以上测试，得出

1》使用class和id触发的写法是一样的

2》JS动态添加的HTML并不需要在绑定事件的节点内，一样可以触发成功

转载于:https://www.cnblogs.com/May-day/p/7212522.html

JS异步加载，JQ事件不被执行解决方法相关推荐

【前端】JS异步加载
文章目录为什么要异步加载如何实现异步加载参考为什么要异步加载两个原因其实是一个意思. 原因1: JS是单线程的语言,它会同步的执行代码,从上往下执行但是,一旦网络不好,或要加载的js文件过 ...
turn.js异步加载实现翻书效果
<div class="m-art-cont"><script type="text/javascript" src="/Runti ...
实现JS异步加载的三种方法
一.为什么要写异步加载: ①js加载本身是属于同步加载的,加载js文件会阻塞文档,一旦网速不好,那么整个网站将等待js加载而不进行后续渲染等工作.但是有些工具方法需要按需加载,有一些工具js文件它是不 ...
JS 异步加载js的三种方案
js文件同步加载的缺点: 页面的js文件一般是同步加载,加载到js文件会阻断html和css的加载,要等到js文件加载完毕,才能继续向下执行,因为js文件可能会操作html和css:但有些js文件不会 ...
js延迟加载、js异步加载
1.js延迟加载 (1)js延迟加载是js性能优化的一种方式 (2)作用:为了提高网页的加载速度 (3)原理:等网页加载完成之后再加载js文件 ··需要优化的原 ...
知识点讲解五：处理js异步加载问题
文章目录前言环境代码思路原代码前言在新闻网站中大多采用的是异步加载模式,新闻条目会随滚动条的滚动而逐渐加载.当爬虫访问这类网站时得到的HTML数据仅仅是我们看到的页面数据,只有当我们向下滚 ...
JS动态加载脚本及对动态脚本内方法的调用
JS动态加载脚本及对动态脚本内方法的调用摘要 JS动态加载脚本及对动态脚本内方法的调用 JS 动态添加脚本按需加载首先我们需要一个被加载的js文件,我在一个固定文件夹下创建了一个package ...
c2010页面闪现_Vue.js中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
Vue.js中 v-if 和v-else-if页面加载出现闪现的问题及解决方法发布于 2020-2-22| 复制链接 vue中v-if 和v-else-if在页面加载的时候,不满足条件的标签会加载然 ...
Linux下C/C++程序编译链接加载过程中的常见问题及解决方法
Linux下C/C++程序编译链接加载过程中的常见问题及解决方法 1 头文件包含的问题报错信息该错误通常发生在编译时,常见报错信息如下: run.cpp:2:10: fatal error: dl ...

JS异步加载，JQ事件不被执行解决方法

JS异步加载，JQ事件不被执行解决方法相关推荐

最新文章

热门文章