スポンサーリンク
スポンサーリンク

タブを利用してコンテンツを表示させる。

jQuery

ページを遷移させず複数のコンテンツを
表示させたい場合使用します。

必要な手順

1.jQueryUIというものを入手する。

公式サイトは以下です。
http://jqueryui.com/download

tabだけをダウンロードしたい場合、
「deselect ALL components」をクリックしてから
「Tabs」をクリックします。

テーマはなんでも大丈夫です。

2.jQueryUIを使う。

ダウンロードしたjQueryUIを利用するには
サンプルコードのように記述します。

7行目にはjQueryの読み込み

13行目 jQueryUIのCSSの読み込み
14行目 jQueryUI本体読み込み

3.tabsメソッドを書く

メソッドというのは命令の事です。
サンプルコードの45行目の
「$(“#tabs”).tabs();」は

id=”tabs”にtabs()という命令を行います。

これで、タブが作成されています。

実行結果はこちらです。

コメント

タイトルとURLをコピーしました