jQuery动态添加的元素绑定事件处理函数代码


Posted in Javascript onAugust 02, 2011

我当时的处理方法是在添加的时候手工绑定事件处理函数。不过新版的jquery已经添加了这个功能。我们已经不需要为此烦恼了。
参考:http://api.jquery.com/live/
以前我们定义事件,比如为元素定义单击事件是这样写的:

$('input').click(function () { 
//处理代码 
});


$('.clickme').bind('click', function() { 
// Bound handler called. 
});

但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定。即使你使用jquery的clone函数,它并不能将事件也复制(到目前为止我还不清楚它是为什么这样定义,是没法复制还是刻意这么处理,以防止出现某些异常,这还有待去分析一下jquery的源代码)。
现在,使用live你可以轻松搞定,
$('.clickme').live('click', function() { // Live handler called. });这样,你即使在后面动态插入的元素,也会被绑定事件,$('body').append('<div class="clickme">Another target</div>');
Javascript 相关文章推荐
用javascript连接access数据库的方法
Nov 17 Javascript
jQuery 1.2.x 升? 1.3.x 注意事项
May 06 Javascript
js鼠标左右键 键盘值小结
Jun 11 Javascript
AngularJS初始化过程分析(引导程序)
Dec 06 Javascript
在JavaScript中操作时间之setYear()方法的使用
Jun 12 Javascript
JavaScript优化专题之Loading and Execution加载和运行
Jan 20 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
Dec 23 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
Feb 04 Javascript
jQuery实现用户输入自动完成功能
Feb 13 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
JavaScript中的this原理及6种常见使用场景详解
Feb 14 Javascript
JavaScript随机数的组合问题案例分析
May 16 Javascript
jQuery ajax 路由和过滤器使用说明
Aug 02 #Javascript
js禁止小键盘输入数字功能代码
Aug 01 #Javascript
js内置对象 学习笔记
Aug 01 #Javascript
DB.ASP 用Javascript写ASP很灵活很好用很easy
Jul 31 #Javascript
js动态加载以及确定加载完成的代码
Jul 31 #Javascript
JS按位非(~)运算符与~~运算符的理解分析
Jul 31 #Javascript
JS高级拖动技术 setCapture,releaseCapture
Jul 31 #Javascript
You might like
Zerg建筑一览
2020/03/14 星际争霸
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
php ios推送(代码)
2013/07/01 PHP
自制PHP框架之设计模式
2017/05/07 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
javascript下操作css的float属性的特殊写法
2007/08/22 Javascript
指定位置如果有图片显示图片,无图片显示广告的JS
2010/06/05 Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
2014/09/26 Javascript
jQuery Ajax使用实例
2015/04/16 Javascript
JavaScript中三种异步上传文件方式
2016/03/06 Javascript
jQuery第一次运行页面默认触发点击事件的实例
2018/01/10 jQuery
angular2 ng2-file-upload上传示例代码
2018/08/23 Javascript
JavaScript静态作用域和动态作用域实例详解
2019/06/17 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
Python中的异常处理学习笔记
2015/01/28 Python
Python应用03 使用PyQT制作视频播放器实例
2016/12/07 Python
python如何读写csv数据
2018/03/21 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
Python3.x+迅雷x 自动下载高分电影的实现方法
2020/01/12 Python
Python: tkinter窗口屏幕居中,设置窗口最大,最小尺寸实例
2020/03/04 Python
Selenium向iframe富文本框输入内容过程图解
2020/04/10 Python
python 贪心算法的实现
2020/09/18 Python
全球最大的游戏市场:G2A
2018/07/05 全球购物
美国最大的船只买卖在线市场:Boat Trader
2018/08/04 全球购物
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
静态变量和实例变量的区别
2015/07/07 面试题
资产评估专业学生的自我鉴定
2013/11/14 职场文书
外语系毕业生找工作的求职信
2013/11/28 职场文书
大学本科毕业生求职信范文
2013/12/18 职场文书
银行见习期自我鉴定
2014/01/29 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
车间安全生产管理制度
2015/08/06 职场文书
Python Pandas pandas.read_sql_query函数实例用法分析
2021/06/21 Python
Java并发编程必备之Future机制
2021/06/30 Java/Android
Redis模仿手机验证码发送的实现示例
2021/11/02 Redis
关于Python使用turtle库画任意图的问题
2022/04/01 Python