-1

これを行う有効な方法を見つけようと頭を悩ませています。これは、繰り返しているコードのサンプルです。

<ul id="accordion">
                        <li><div>20th August</div>
                            <ul>
                                <table class="releases-table">
                                    <tr>
                                        <th>Game Title</th>
                                        <th>Achievements</th>
                                        <th>Points</th>
                                    </tr>
                                    <tr>
                                        <td >Fastball 3 for iPad</td>
                                        <td>12</td>
                                        <td>330</td>
                                    </tr>
                                     <tr>
                                        <td >Caterpillar Kate</td>
                                        <td>17</td>
                                        <td>400</td>
                                    </tr>
                                </table>
                            </ul>
                        </li>
</ul>

外側の ul の内側には、何度も li と table があります。読んでみると、li または別の ul の中に ul を入れることができないことがわかりました。さまざまなバリエーションを試してみましたが、その解決策を求めてここに来ました。ページが現在と同じように見えるだけでなく、html 5 の有効なコードを使用します。

ありがとうございました。

4

2 に答える 2

1

Javascript アコーディオン ウィジェットが機能するには、ここで出力される構造が必要であると想定しています。

Javascript パラメーターを使用して、アコーディオン コンテナーの id/html を指定できる場合があります。jquery ui ( http://jqueryui.com/accordion/ ) のようなライブラリでない場合は、有効な HTML が必要であることに固執している場合に便利です。

または、ほとんどのブラウザがその HTML を解析して意図したとおりに表示することに問題がないため、そのままにしておいてください。

于 2012-12-18T15:02:48.010 に答える
0

技術的に有効にするために欠けているのは、TABLEを囲むLIタグだけだと思います。

于 2012-12-18T15:12:04.243 に答える