Ajax CollapsiblePanel 在兼容模式下无法在 IE 8 中工作

Question

我在为 IE 6 设计的 webapp (asp.net) 中使用 ajax collapsiblepanel 扩展器。目前为了使应用程序与 IE 8 兼容，我添加了一个元标记 - 。 除了使用 ajax 控件的可折叠面板之外，应用程序中的所有内容都可以正常工作。

这些面板总是展开的。

关于如何确保面板在 IE 8 中按预期折叠和展开的任何想法。

注意 - 我尝试将 collPanel 的 css 类更改为显示：隐藏存在溢出：无，但这使面板仅折叠。

代码sn-p：

<cc1:CollapsiblePanelExtender ID="ColPnlExtAddUser" runat="server" TargetControlID="pnlAddContentUser"
                                                ExpandControlID="pnlAddHeaderUser" CollapseControlID="pnlAddHeaderUser" Collapsed="True"
                                                ImageControlID="ImgBtnAddUser" ExpandedText="(Hide Details...)" CollapsedText="(Show Details...)"
                                                ExpandedImage="~/images/collapse.jpg" CollapsedImage="~/images/expand.jpg" SuppressPostBack="true"
                                                TextLabelID="lblShowUser" BehaviorID="ColPnlExtAddUserBehavior">
                                            </cc1:CollapsiblePanelExtender>
                                            <asp:Panel Style="cursor: pointer" ID="pnlAddHeaderUser" runat="server" CssClass="collHeader">
                                                <div style="padding: 2px; cursor: pointer; vertical-align: middle;">
                                                    <div id="Div2" style="float: left;">
                                                        <asp:Label ID="labelUserManagement" runat="server" Text="Add User"></asp:Label>
                                                    </div>
                                                    <div style="float: left; margin-left: 20px;">
                                                        <asp:Label ID="lblShowUser" runat="server">(Show Details...)</asp:Label>
                                                    </div>
                                                    <div style="float: right; vertical-align: middle;">
                                                        <asp:ImageButton ID="ImgBtnAddUser" runat="server" ImageUrl="~/images/expand.jpg"
                                                            AlternateText="(Show Details...)" />
                                                    </div>
                                                </div>
                                            </asp:Panel>
                                            <asp:Panel Style="overflow: hidden" ID="pnlAddContentUser" runat="server" CssClass="collPanel"
                                                Height="0px">
                                                <table id="tblAddUserDetails" width="100%" runat="server">
                                                    <tbody>
<tr>
                                                            <td align="left">
                                                                <a class="labelText">First Name</a>
                                                            </td>
                                                            <td>
                                                                <asp:TextBox ID="firstNameTextbox" runat="Server" MaxLength="20" Width = "48%"></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left">
                                                                <a class="labelText">Last Name</a>
                                                            </td>
                                                            <td >
                                                                <asp:TextBox ID="lastNameTextbox" runat="Server"                                                    MaxLength="20" Width = "48%"></asp:TextBox>

                                                            </td>
                                                        </tr>
                                      <tr>
                                                            <td align="right" colspan="2">
                                                                <asp:LinkButton ID="saveUserLinkButton" runat="server" CssClass="btnSimpleSave" OnClick="saveUserLinkButton_Click" >Save</asp:LinkButton>

                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </asp:Panel>

Answer 1

有时它支持某些版本的IE，我建议你使用Jquery，它简单而强大。