jquery 绑定动态元素
2024-08-25 18:25:07
以一个小例子来简单说明下情况
1
2
3
4
5
6
7
8
|
< script src = "jquery-1.11.0.min.js" ></ script > < input type = "button" value = "点击我" id = "k" /> < script > $('#k').click(function() { alert("kkkkk"); }) </ script > |
如果直接在页面上这么写,可以弹出"kkkkk"。然而当input元素是ajax动态加载进来并输出到页面的,这时弹出窗就失效了,相当于click事件没有被绑定到id为k的元素上。
这时script里可以这样写:
1
2
3
|
$(document).on('click','#k',function() { alert("kkkkk"); }) |
一般使用live()或者delegate()替换on()也能达到预期效果。但注意我举例的时候使用的是jquery-1.11.0版本,从 jquery1.9版本开始就去除掉live(),听说是性能问题。所以高版本的jquery可以用delegate()和on()。
最新文章
- django test
- Grunt自动化构建工具(网址:http://www.gruntjs.net/getting-started或者http://gruntjs.cn/getting-started)
- 怎么给OCR文字识别软件设置正确的扫描分辨率
- css系列-间隔与间距实例
- HDU4714+三分
- iBatis自动生成的主键 (Oracle,MS Sql Server,MySQL)【转】
- 使用C#对MongoDB中的数据进行查询,改动等操作
- Vim 命令 (转)
- vue初级学习--路由router的编写(resolve的使用)
- jsfl 添加代码
- 转-CVE-2016-10190浅析-FFmpeg堆溢出漏洞
- HTML第五耍 表格标签
- Fedora 28 打印机配置 ( HP pro 1136M ,基于Windows 打印服务器使用 smb 协议)
- 全排列-hdu1027
- Singer 学习十一 配置以及状态管理
- OpenCV轮廓vectorvector
- (zxing.net)二维码Aztec的简介、实现与解码
- ACM数论之旅17---反演定理 第一回 二项式反演(神说要有光 于是就有了光(&#180;・ω・`))
- Oracle数据库中违反唯一约束的处理
- 微信支付V3版本的那些事