0

私のページの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>

アコーディオンの公式ページと、このテーマに関するいくつかのブログ(すべて、著者自身の言葉が書かれた公式ページのコピーのようです)を確認しましたが、これらすべてによると、確認できません。私が何か間違ったことをしたか、何かを逃したことを確認してください。

実際、上司がしばらく前に作ったアコーディオンをチェックしましたが、私のコードは基本的に彼と同じで(パネルの内容のみが異なります)、彼にもコードビハインドがないので、ここで本当に迷っています。

どんな助けでも大歓迎です

編集asp.netのサンプルに従って
コードを調整した後、最初のペイン(SelectedIndex 0)を折りたたむことができましたが、他のペインは展開されません:/

4

1 に答える 1

0

そのため、asp.net ハウツーページからアコーディオン コードをコピーし、コンテンツをペインに配置しましたが、効果はありませんでした。

結局のところ、アコーディオンを破壊する不正な</div>タグがコンテンツに含まれていたので、同様の問題を抱えている人はコンテンツを徹底的にチェックすることをお勧めします。

また、この特定のサンプルは私にとってはうまくいったので、問題がある場合はそれを使用するように言っているので、作成者は</p>テスト中にアコーディオンに問題を引き起こす可能性のある誤って閉じられたタグを残したことに注意してください。気をつけてください。

于 2012-11-26T11:39:43.593 に答える