博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用jQuery.delegate()将事件绑定在父元素上面
阅读量:6583 次
发布时间:2019-06-24

本文共 694 字,大约阅读时间需要 2 分钟。

1.先看看官方的示例:

这是一个段落。

2.该方法的定义如下:

$(selector).delegate(childSelector,event,data,function)

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)

3.在用ajax的异步加载数据的时候,由于界面上绑定事件已经无效了,用这种方法将事件绑定在父级元素上面就避免了每次异步请求数据之后都要重新绑定方法的烦恼了。

有的朋友可能还有疑惑,命名绑定了事件的,怎么就是不触发呢?因为ajax之后你的页面元素被重写了,而界面初始化时绑定的事件是绑在ajax还没有执行的时候。我每次遇到用ajax加载数据更新页面内容时就是用这种方法绑定事件的。

看我项目中的一个栗子:

/*** 点击行事件**/$('#table_tbody').delegate('tr','click',function(){    //do something});/*** 每行的点击提交按钮**/ $('#table_tbody>tr').delegate('.SUBMIT','click',function(){    //do something});

  

就说这么多啦,不对的地方欢迎指出。

 

转载于:https://www.cnblogs.com/itechpark/p/yinzei_delegate.html

你可能感兴趣的文章
《Linux Perf Master》Edition 0.2
查看>>
用函数指针读取并调用虚函数表指向的每个函数
查看>>
Mysql查询ip段
查看>>
Comet
查看>>
办公小贴士之:在Outlook 2010中添加农历生日
查看>>
我的友情链接
查看>>
ActionScript 3.0游戏编程——创建简单的ActionScript程序
查看>>
函数const
查看>>
物体间通信-deletgate
查看>>
MySQL 数字类型的思考
查看>>
Nginx+Keeplived+Tomcat搭建高可用/负载均衡的web服务器集群
查看>>
kvm 虚拟机系统新增并挂载硬盘(img文件)
查看>>
npm 如何查看一个包的版本信息?
查看>>
bower 管理 前端资源
查看>>
bat脚本中获取当前目录的上级目录
查看>>
Oracle 数据库12c新特性总结(一)
查看>>
iOS英文—》汉化,如调用相本,相机改“cancel”,“photos”为“取消”,“相机”...
查看>>
java实现跨数据库关联运算的简便方法
查看>>
我的友情链接
查看>>
强大的匹配公式
查看>>