jquery - Accordion 脚本在 ajax 更新面板中不起作用

Question

我有 jquery Accordion 插件，它位于 aspx 页面的 ajax 更新面板内。 Accordion 部分由标题 h3 标签和内容 div 标签组成，内容区域也有 aspx 按钮。页面加载时，我们可以通过单击 Accordion 标题来隐藏或显示内容区域。在我单击内容区域中的 aspx 按钮后，出现问题， Accordion 显示和隐藏功能停止工作。

这是示例代码。

<asp:ScriptManager ID="sm1" runat="server"></asp:ScriptManager>
        <asp:UpdatePanel ID="upnlAccordion" runat="server" UpdateMode="Conditional" >            
            <ContentTemplate>
            <h3 class="acco_header">Header</h3>
                    <div class="acco_content">
                        Content Text
                        <asp:Button ID="btnClick" runat="server" Text="Click Button" />
                    </div>
            </ContentTemplate>
        </asp:UpdatePanel>

Answer 1

您可以将 updatepanel 移动到内容 div 中，这将防止折叠式元素被重绘并丢失其绑定(bind)。这是我所知道的最简单的解决方案，在与插件交互时非常简单。