python - 带有表格的 CSS 中的选项卡视图

Question

我需要 CSS 中的选项卡视图，每个选项卡都显示一个动态表。完整的表格是在循环中动态构建的，只有在此之后，选项卡才应该隐藏和显示与每个选项卡对应的每个表格。有什么建议么？选项卡的内容仅在列表项中且仅在循环中。开发是在 apppot 上的 Django/Python 中进行的。

下面的代码也不适用于jquery，是不是哪里有问题？

<pre><code> <div id="tabs">
 <ul> 
{% for poolname in poolnamelist %}
 <li><a href="#mypool{{ forloop.counter }}">
<span>{{ poolname|escape }}</span></a></li>
 {% endfor %}
 </ul>
 {% for poolsequence in sequences %}
 <div id="mypool{{ forloop.counter }}">
 <table> 
{% for sequence in poolsequence %}
 <form action="/mypool" method="post">
 <tr><td>{{ sequence.seqdate }}</td>
 <td><input type="submit" value="ChangeDriver"/></td>
 </tr>
 </form>
 {% endfor %}
 </table>
 </div>
 {% endfor %}
 </div>
 </code></pre>

Answer 1

查看jQuery UI 选项卡；这将满足您的需求。使用纯 CSS 无法做到这一点。

Answer 2

就在我的脑海中，看看一些 Javascript 工具包必须提供什么。像带有一些插件的 jQuery 或 Dojo 这样的东西可能在其 Dijit 库中有类似的东西。