zoukankan      html  css  js  c++  java
  • 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>

    呵呵!希望对您有用!

  • 相关阅读:
    图片和xml文件的转换
    WPF的样式(Style)继承
    .NET的序列化和反序列化
    WPF中的画板InkCanvas
    找到网页的源文件并找到歌曲文件的路径
    How to check if a ctrl + enter is pressed on a control?
    计算两个日期相差的天数
    图片保存到数据库以及从数据库中Load图片
    设计模式Command(命令模式)
    一个强大而且好用的UML设计工具
  • 原文地址:https://www.cnblogs.com/Dannier/p/2578105.html
Copyright © 2011-2022 走看看