0

テレビ番組のタイトルをシーズン順に表示する Web サイトがあります。ユーザーがタブを切り替えることで番組のシーズンを切り替えることができる UI を実装したいと考えています。たとえば、「シーズン 1」タブには、最初のシーズンである「シーズン 2」のすべての番組のタイトルが表示されます。タブには、第 2 シーズンなどのすべての番組のタイトルが表示されます。DB は、タイトル、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>

タブの切り替えを正しく実装するにはどうすればよいですか?

4

1 に答える 1

1

最も簡単な方法はjQueryだと思います。jQuery UI には、これに関する特定の事項があります。

http://jqueryui.com/tabs/

例の下にあるドキュメントを読んでください。（理解を容易にするためのコードがあります。）

私が読んだコードは、jQuery UI のタブに最適です。

于 2012-11-03T18:58:54.540 に答える