jQuery在updatePanel中失效的解决办法

最新推荐文章于 2021-01-14 13:32:20 发布

Demon_rong

最新推荐文章于 2021-01-14 13:32:20 发布

阅读量638

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/crcr1127/article/details/8612465

版权

jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JQuery在asp.net ajax updatepanel中提交之后就失效。这是因为ASP.NET页面POST BACK之后，脚本绑定的事件处理方法失效而导致。

解决方案一：使用live函数（纯jquey实现，这种效果会比较好）

 $(function () {   
        $('#checkAll').click(function () {
            if (this.checked) {
                $(':input').attr('checked', true);
            } else {
                $(':input').attr('checked', false);
            }
        });
    });

修改为：

$(function () {   
        $('#checkAll').live("click", function () {
            if (this.checked) {
                $(':input').attr('checked', true);
            } else {
                $(':input').attr('checked', false);
            }
        });
    });

解决方案二：将代码写入body元素的load事件

function pageload(){  
  $('#checkAll').live("click", function () {
            if (this.checked) {
                $(':input').attr('checked', true);
            } else {
                $(':input').attr('checked', false);
            }
        });
}
<body load="pageload" > //页面代码</body>

Demon_rong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery在updatePanel中失效的解决办法

JQuery在asp.net ajax updatepanel中提交之后就失效。这是因为ASP.NET页面POST BACK之后，脚本绑定的事件处理方法失效而导致。解决方案一：使用live函数（纯jquey实现，这种效果会比较好） $(function () { $('#checkAll').click(function () { if
复制链接

扫一扫