本文摘自PHP中文网,作者coldplay.xixi,侵删。
jquery给不存在的元素添加事件的方法:1、【jquery1.9】版本之前,使用live方法,代码为【$("#id").live("click", function ()】;2、【jquery1.9】版本之后,使用On方法。
本教程操作环境:windows7系统、jquery3.2.1&&jquery1.9版本,DELL G3电脑。
推荐:jquery视频教程
jquery给不存在的元素添加事件的方法:
问题 :
jquery中给元素添加事件是很简单的,如:添加一个点击事件。
1 2 |
|
但是,项目中做了ajax分页,第一页直接加载,使用上述方法,完全没有问题。但是用在使用ajax分页,其它页的内容,都是后面通过innerHTML来进行添加,添加后的元素就没有相关的事件了。
其实,原因也很好理解就是在最开始添加事件时,其它页的元素并不存在,后面通过innerHTML添加后,标签是有了,但是对应的事件却是没有的。
那么,如何解决上面的总结呢??给不存在的元素也添加事件
解决方案:
使用live方法 : 给不存在的元素,绑定事件
1 2 3 |
|
但是,jquery 1.9+版本后,就删除了live方法. 那用什么方法来替换live呢?
答案,就是使用on方法
相关阅读 >>
更多相关阅读请进入《jQuery》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者