用jQuery.delegate()将事件绑定在父元素上面

2017年03月06日

阅读:955

1.先给个官方的示例看一下吧。

\r\n\r\n

2.该方法的定义如下:

\r\n
$(selector).delegate(childSelector,event,data,function)
\r\n

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)

\r\n

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

\r\n

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

\r\n

看我项目中的一个案例:

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

别逗了好么

努力每一天,奋斗为明天。

文章 981 作品 25,341

热门作品

文章推荐

猜你喜欢

榜上有名

牛站