jQuery在updatePanel中失效的解决办法
2012-12-12 08:51
1001 查看
原文:http://www.cnblogs.com/conan304/archive/2010/12/13/1602726.html
自从用上JQuery,就喜欢上了JQuery的简洁、灵活以及非常好的兼容性。
但是用了一段时间之后发现,JQuery在asp.net ajax updatepanel中提交之后就失效。
这是因为页面postback之后,jquery的绑定失效,好在jquery 1.3.2中有live函数。
jquery1.3.2文档对live函数的描述:
jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数(比如click事件)。也能绑定自定义事件。
目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。
还不支持 blur, focus, mouseenter, mouseleave, change, submit
与bind()不同的是,live()一次只能绑定一个事件。
这个方法跟传统的bind很像,区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说,如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时,对于这个新增加的li,其click事件依然可用。而无需重新给这种新增加的元素绑定事件。
.live()与流行的liveQuery插件很像,但有以下几个主要区别:
.live 目前只支持所有事件的子集,支持列表参考上面的说明。
.live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
.live 没有"setup"和"cleanup"的过程。因为所有的事件是委派而不是直接绑定在元素上的。
要移除用live绑定的事件,请用die方法
自从用上JQuery,就喜欢上了JQuery的简洁、灵活以及非常好的兼容性。
但是用了一段时间之后发现,JQuery在asp.net ajax updatepanel中提交之后就失效。
这是因为页面postback之后,jquery的绑定失效,好在jquery 1.3.2中有live函数。
<script type = "text/javascript"> $(function(){ $("#id").live("click",function(){ alert("test"); }); }); </script>
jquery1.3.2文档对live函数的描述:
jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数(比如click事件)。也能绑定自定义事件。
目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。
还不支持 blur, focus, mouseenter, mouseleave, change, submit
与bind()不同的是,live()一次只能绑定一个事件。
这个方法跟传统的bind很像,区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说,如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时,对于这个新增加的li,其click事件依然可用。而无需重新给这种新增加的元素绑定事件。
.live()与流行的liveQuery插件很像,但有以下几个主要区别:
.live 目前只支持所有事件的子集,支持列表参考上面的说明。
.live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
.live 没有"setup"和"cleanup"的过程。因为所有的事件是委派而不是直接绑定在元素上的。
要移除用live绑定的事件,请用die方法
相关文章推荐
- jQuery在updatePanel中失效的解决办法
- UpdatePanel 与Jquery.Thickbox 失效解决办法
- jQuery在updatePanel中失效的解决办法
- updatepanel与jQuery事件失效问题的解决方法
- updatePanel导致JS失效的解决办法
- 应用UpdatePanel后jQuery事件失效问题的解决方法
- 使用UpdatePanel后ClientScript.RegisterClientScriptBlock失效的解决办法
- 使用updatepanel后,javascript失效的解决办法
- UpdatePanel失效解决办法
- asp.net updatePanel easyUI控件 失效问题解决办法
- 套UpdatePanel控件导致jq相关事件失效解决办法
- c# ScriptManager 刷新区域 刷新后 jquery 失效 解决 UpdatePanel
- [转]jquery与updatepanel二次失效问题解决方案
- ASP.NET中UpdatePanel内JS失效的解决办法
- JQuery在UpdatePanel中当事件点击后JQuery事件不起作用的解决办法(JQuery与UpdatePanel问题解析)
- ASP.NET中UpdatePanel与jQuery同时使用所遇问题解决
- UpdatePanel和Jquery冲突的解决方法
- jquery在ie8判断checked失效的解决办法
- 【发现】iframe 放入 Updatepanel 中没有作用,整页总要闪烁一次的解决办法
- UpdatePanel与Jquery的validate插件冲突解决