Updatepanel jquery 失效解决方案

　　　　js失效是因为Updatapanel没有postback， js不会重新加载，所以失效。我们必须在页面中的Updatepanel中重新加载js，童鞋们请参考以下例子：

<%@ Page Title="About Us" Language="vb" MasterPageFile="~/Site.Master" AutoEventWireup="false"CodeBehind="About.aspx.vb" Inherits="JavaScriptSample.About" %><asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"><script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js"></script><script type="text/javascript">$(function() {BindEvents();});　　　　function BindEvents() {

　　　　　　$(":checkbox:first").bind('click', function () {if (this.checked == true) {$(":checkbox:gt(0)").attr('checked', 'true');} else {$(":checkbox:gt(0)").removeAttr("checked")}});$(":checkbox:gt(0)").bind('click', function () {var checkedCounter = 0;$(":checkbox:gt(0)").each(function () {if (this.checked == true) {checkedCounter++;}});if (checkedCounter == 4) {$(":checkbox:first").attr('checked', 'true');} else {$(":checkbox:first").removeAttr("checked")}});

　　　　}</script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate><script type="text/jscript" >var prm = Sys.WebForms.PageRequestManager.getInstance();prm.add_endRequest(function () {// re-bind your jquery events here
                    BindEvents();});</script><asp:CheckBox ID="cbAll" runat="server" Text="cbAll" /><asp:CheckBox ID="CheckBox1" runat="server" Text="cb1" /><asp:CheckBox ID="CheckBox2" runat="server" Text="cb2" /><asp:CheckBox ID="CheckBox3" runat="server" Text="cb3" /><asp:CheckBox ID="CheckBox4" runat="server" Text="cb4" /><asp:Button runat="server" ID="btn1" Text="Text" /></ContentTemplate></asp:UpdatePanel>
</asp:Content>

呵呵！希望对您有用！

转载于:https://www.cnblogs.com/Dannier/archive/2012/07/05/2578105.html

Updatepanel jquery 失效解决方案相关推荐

Jquery 复选框全选与反选点击执行一次然后失效解决方案
Jquery 复选框全选与反选点击执行一次然后失效解决方案参考文章: (1)Jquery 复选框全选与反选点击执行一次然后失效解决方案 (2)https://www.cnblogs.com/feng ...
Win系统速览桌面功能失效 - 解决方案
Win系统速览桌面功能失效 - 解决方案问题解决方案步骤1:确保显卡驱动正常运行步骤2:检查任务栏设置步骤3:调整视觉效果问题 Win10系统支持用户鼠标悬停在任务栏右下角时速览桌面.但可 ...
码云图床失效解决方案
码云图床失效解决方案看着不少picgo+gitee免费图床你心动了没,没错最近gitee先是将这些用户的仓库直接封死,但是可能是反馈太多,然后解封了,不过没法外链,也就意味着你的博客的图片全都无了, ...
seata1.5.1 分布式事务没有传递xid，xid为null，事务参与者获取不到xid导致事务失效解决方案
环境版本:seata--- 1.5.1 问题:分布式事务没有传递xid导致事务失效解决方案,事务参与者通过RootContext.getXID()没有获取到xid. 解析seata传递原理: 1.在G ...
seata 分布式事务没有传递xid导致事务失效解决方案
seata 分布式事务没有传递xid导致事务失效解决方案当spring cloud 设置全局开启分布式事务,在调用分支事务没有传递xid,原因是feign或者http调用时候 header 没有pu ...
红米K20 Pro 传感器失效解决方案
红米K20 Pro 传感器失效解决方案参考文章: (1)红米K20 Pro 传感器失效解决方案 (2)https://www.cnblogs.com/easyc/p/Redmi_K20_Pro_se ...
IView 给Submenu增加click事件失效解决方案
IView 给Submenu增加click事件失效解决方案参考文章: (1)IView 给Submenu增加click事件失效解决方案 (2)https://www.cnblogs.com/ouke ...
Easyui笔记:jquery执行append后input的验证失效解决方案
$('input[type!="hidden"],select,textarea',$("#表单ID")).each(function(){//执行验证器初始化 ...
fancybox 无效失效直接打开页面, ajax 之后 fancybox对更新的数据无效,Jquery失效无效...
案例:做个聊天室项目,数据都是通过ajax刷新出来的,而对新数据绑定的fancybox均无效,点击直接打开到了新页面而不是弹窗,解决方法其实很简单简单分析:ajax加载内容是在$(document) ...
feign session 调用_springboot使用feign调用session传递失效解决方案
标题框架 version 1 springboot 1.5.9.release 2 springCloud 1.2.4.release 3 eureka 1.6.2 4 feign 9.5.0 前言 ...

Updatepanel jquery 失效解决方案

Updatepanel jquery 失效解决方案相关推荐

最新文章

热门文章