-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 很多次，现在我通过阅读知道我不能将 ul 放在 li 或另一个 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 回答