0

我想在我的 ASP.NEt 应用程序中使用 jQuery Accordion 并且它可以工作，但是如果我单击 Accordion 中的一个按钮，那么我的 Accordion 将被删除:(这里是我的代码和两个 pitures...

aspx：

<link href="App_Theme/mainStyle.css" type="text/css" rel="Stylesheet" />
    <script src="Scripte/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="Scripte/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
    <link href="App_Theme/jquery-ui-1.8.23.custom.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" language="javascript">

        $(document).ready(function () {
            $("#accordion").accordion();

        });

    </script>

</head>
<body>
    <form id="form1" runat="server">

    <asp:ToolkitScriptManager ID="manager" runat="server"></asp:ToolkitScriptManager>
    <asp:UpdatePanel ID="update" runat="server">
    <ContentTemplate>

    <div id="accordion">
            <h3><a href="#"><asp:Label ID="lblAbwesenheit" runat="server"/></a></h3>
            <div>
                 <asp:Panel runat="server" ID="pn1" DefaultButton="btnAbwesenheitErzeugen">
                            <div id="Angaben" runat="server">

                            <table id="Angabentabelle" runat="server">

                                <tr>
                                <td><asp:Label ID="lblAbwesenheitBis" runat="server" /></td><td><asp:TextBox ID="txtAbwesenheitBis" runat="server" Enabled="false"></asp:TextBox>
                                <asp:ImageButton Width="20px" Height="20px" ID="imgbtnAbwesenheitBis" runat="server" ToolTip="Abwesenheit bis..." ImageUrl="~/App_Theme/Calender.ico"  />
                                <asp:CalendarExtender ID="AbwesenheitBis" runat="server" TargetControlID="txtAbwesenheitBis"
                                 Format="dd.MM.yyyy" PopupButtonID="imgbtnAbwesenheitBis"></asp:CalendarExtender>
                                </td>
                                </tr>

                                <tr>
                                <td><asp:Label ID="lblVertreter" runat="server" /></td>
                                <td>
                                <asp:TextBox ID="txtVertreter" runat="server"></asp:TextBox>
                                <asp:AutoCompleteExtender ID="AutoComlete" runat="server" TargetControlID="txtVertreter" 
                                ServiceMethod="GetCompletionList" ServicePath="" Enabled="true"
                                DelimiterCharacters="" UseContextKey="true" MinimumPrefixLength="1" ></asp:AutoCompleteExtender>
                                (Suche nach Nachname)
                                </td>

                                </tr>
                            </table>

                                <asp:Button ID="btnAbwesenheitErzeugen" runat="server" Text="Erzeugen" OnClick="btnAbwesenheitErzeugen_Click" />
                                <br />
                            <br />

                            </div>

                            <HTMLEditor:Editor ID="htmlEditAbwesenheit" runat="server" Content="<% %>" />

                            </asp:Panel>
            </div>
            <h3><a href="#"><asp:Label ID="lblSignatur" runat="server" /></a></h3>
            <div>
               <HTMLEditor:Editor ID="htmlEditSignatur" runat="server" Content="<% %>" />
            </div>
        </div>

如果我开始我的页面，我会看到：

在此处输入图像描述

如果我单击按钮，那么我会看到...

在此处输入图像描述

为什么我的手风琴删除？

4

1 回答 1

2

这是因为您的手风琴位于更新面板中。当您回帖时，更新面板中的所有内容都会从 DOM 中删除并重新读取。因此，作为手风琴的 DOM 元素消失了。您需要调用： $("#accordion").accordion(); 在你的回发之后。

你可以这样做的一种方法是这样做：

<script type="text/javascript" language="javascript">
   function SetupAccordion(){
        $("#accordion").accordion();
   }
   $(document).ready(function () {
     SetupAccordion();
     if (typeof Sys.WebForms != 'undefined') {
       Sys.WebForms.PageRequestManager.getInstance().add_endRequest(SetupAccordion);
     }
   });   
</script>
于 2012-09-14T12:54:56.543 回答