Updatepanel jquery 失效解决方案
2012-07-05 16:45
351 查看
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>
呵呵!希望对您有用!
相关文章推荐
- JQUERY的效果在UpdatePanel中控件回发后失效的解决方案
- 解决方案•UpdatePanel 局部刷新导致jQuery失效
- JQUERY的效果在UpdatePanel中控件回发后失效的解决方案
- 应用UpdatePanel后jQuery事件失效问题的解决方法
- updatepanel更新dropdownlist后其css样式失效的解决方案
- jQuery在updatePanel中失效的解决办法
- [转]jquery与updatepanel二次失效问题解决方案
- Jquery与UpdatePanel冲突的解决方案
- updatepanel与jQuery事件失效问题的解决方法
- jQuery在updatePanel中失效的解决办法
- UpdatePanel和jQuery不兼容 局部刷新jquery失效
- Jquery的datepicker 在ASP.NET UpdatePanel 中失效
- document.ready 与 updatepanel 害死人(Jquery插件失效,Autocomplate事件失效,Jquery事件第一次有效,单击按钮后就时效)
- c# ScriptManager 刷新区域 刷新后 jquery 失效 解决 UpdatePanel
- UpdatePanel 与Jquery.Thickbox 失效解决办法
- UpdatePanel和jQuery不兼容 局部刷新jquery失效
- jQuery在updatePanel中失效的解决办法
- 【原创】UpdatePanel 中文乱码的终极解决方案(非常完美)
- ASP.NET中UpdatePanel与jQuery同时使用所遇问题解决
- ASP.NET学习笔记[9] - jQuery和UpdatePanel兼容的问题