Jquery在UpdatePanel更新后失效的问题解决。

先来分析一下Jquery与UpdatePanel的运行机制:

1.Jquery分析:Jquery可以通过简单的代码对HTML元素添加各种属性和事件句柄,Jquery有一个重要的事件标记:“ready”,一般对Html元素的效果和事件句柄都通过这个ready事件来添加。就是页面上的元素的Jquery效果是在页面加载的时候绑定到元素上的。

2.UpdatePanel分析:UpdatePanel在应用中主要用于局部刷新,为避免整个页面的PostBack,其核心在于MicrosoftAjaxWebForm.js文件,他的局部刷新的过程就是将页面提交到服务器,执行完Server端的代码后一步将在UpdatePanel内的HTML进行重新呈现。

分析结果:UpdatePanel在刷新之后,其中的内容会重新生成一次,所以其中的元素上绑定的事件等效果就会消失。所以再次点击就没有效果了。所以需要重新绑定一下。

绑定方法如下:

  function load() {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
        }
        function EndRequestHandler() {

     //这里写你需要重新绑定的jquery代码

     }

然后在body添加属性:οnlοad=" load()"

完毕。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值