在选项卡中选择并显示数据答案

【问题标题】：Select and show data in tabs在选项卡中选择并显示数据
【发布时间】：2012-11-03 17:52:18
【问题描述】：

我有一个网站，显示按季节排序的电视节目标题。我想实现一个用户界面，用户可以通过切换标签在节目的季节之间切换例如，“第 1 季”标签将显示第一季的所有节目的标题，“第 2 季”选项卡将显示第二季的所有节目的标题，等等。数据库的结构是一个带有标题、show_id（电视节目的 ID）和 sezon（季号）的剧集表。

<div class="demo" id="tabs">
<ul>

<?$season=mysql_query("select * from seasons where showid='$ids' ORDER BY sezon ASC");

while($szn=mysql_fetch_array($season)){?>

<li><a href="#tabs-<?=$szn['sezon'];?>">Season <?=$szn['sezon'];?></a></li>

<?}?>

</ul>

<div id="tabs-<?=$szn['sezon'];?>">episodetitle</div>
</div>

如何正确实现标签切换？

【问题讨论】：

尝试使用 JQueryUI：jqueryui.com/tabs

标签： php javascript jquery select tabs

【解决方案1】：

我认为最简单的方法是 jQuery。在 jQuery UI 中，有一个特定的东西。

http://jqueryui.com/tabs/

阅读示例下方的文档。（有一段代码可以让理解更容易。）

当我阅读您的代码时，它非常适合 jQuery UI 中的选项卡。

【讨论】：