Question

我有一个网站，显示按季节排序的电视节目的标题。我想实现一个UI，用户可以通过切换标签在节目的季节之间切换。例如，“第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>

如何正确实现标签切换？

Answer 1

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

http://jqueryui.com/tabs/

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

我读到你的代码非常适合jQuery UI中的标签。

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

1 个答案: