爲什麼我的jQuery Accordion在按鈕點擊後刪除？

我想使用jQuery手風琴在我ASP.NEt Appliacation和它的作品，但如果我點擊的手風琴一個按鈕，然後我的手風琴刪除:(這裏我的代碼和兩個pitures ...爲什麼我的jQuery Accordion在按鈕點擊後刪除？

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>

如果我開始我的網頁我看到：

enter image description here

，如果我點擊按鈕，然後我看到......

enter image description here

爲什麼要刪除我的手風琴？

來源

2012-09-14 Tarasov

這是因爲你的手風琴是在一個更新面板裏面的。當您回發時，您的updatepanel中的所有內容都將從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-14 12:54:56 aquinas

爲什麼我的jQuery Accordion在按鈕點擊後刪除？

回答

相關問題