实际使用AJAX Accordion控件

时间:2012-11-26 10:40:56

标签: ajax accordion

我页面上的Ajax手风琴根本不起作用。它在页面上显示正常,但是当我点击它们的标题时,我似乎无法展开/折叠窗格。

这是我的代码(只是HTML部分,因为我不知道需要任何代码):

<aj:Accordion runat="server" ID="acMain" SelectedIndex="0"
    FadeTransitions="true"
    TransitionDuration="400"
    FramesPerSecond="40" RequireOpenedPane="false" TabIndex="0"
    SuppressHeaderPostbacks="true" HeaderCssClass="acHeader"
    HeaderSelectedCssClass="acHeaderSelected">
    <Panes>
        <aj:AccordionPane runat="server" ID="Panel1">
            <Header>
                ...
            </Header>
            <Content>
                ...
            </Content>
        </aj:AccordionPane>

        <aj:AccordionPane runat="server" ID="Panel2">
            <Header>
                ...
            </Header>
            <Content>
                ...
            </Content>
        </aj:AccordionPane>
    </Panes>
</aj:Accordion>

我已经检查了official page for the Accordion以及关于这个主题的一些博客(所有这些博客似乎都是官方网页的副本,并附有作者自己的措辞)并根据所有这些,我看不出我做错了什么或错过了什么。

事实上,我检查了一个手风琴,我的老板做了一段时间,我的代码与他的代码基本相同(只有面板内容不同),他也没有代码隐藏,所以我真的迷失在这里

非常感谢任何帮助

修改
在asp.net上调整我的代码according to a sample后,我设法折叠了第一个窗格(SelectedIndex 0),但另一个窗格不会展开:/

1 个答案:

答案 0 :(得分:0)

所以我复制了来自the asp.net how to page的手风琴代码并将我的内容放入窗格中,仍然没有效果。

事实证明,我的内容中有一个流氓</div>标签破坏了手风琴,因此我建议任何有类似问题的人都会彻底检查其内容。

此外,值得注意的是,由于此特定示例适用于我并且因为我告诉您在遇到问题时使用它,因此作者确实留下了可能导致错误关闭的</p>标记在测试过程中手风琴出现问题,请注意这一点。