× 無料のユーザー登録をすると学習状況を管理することができるようになります

#18 Tabsを使ってみよう

さて、Widgets の最後になりますが、タブメニューを作っていきたいと思います。
まずは HTML でやっていきましょう。

タブ式メニューを実現するTabsについて見ていきます。

  • Tabsの設定

このレッスンでは jQuery 1.8.0 / jQuery UI 1.8.23 を使用しています。

2013年9月9日
jQuery UI 1.10では「selected」が「active」に変更されています。正しく動作させるには次のようにしてください。
$(function() {
    $('#tabs').tabs({
        active: 1
    });
});
よく詳しくはAPIドキュメントを御覧ください。
http://api.jqueryui.com/tabs/

このレッスンの問題を報告する

この動画に関する、よくある質問はまだありません。

プレミアム会員(月額980円)になると、全レッスンの素材ファイルをダウンロードできます。

詳しい説明を読む

プレミアム会員(月額980円)になると、全レッスンのソースコードを見られるようになります。

詳しい説明を読む

このレッスンの問題を報告する

プレミアム会員(月額980円)になると、全レッスンのデモを見られるようになります。

詳しい説明を読む
先生に質問してみよう (試験運用中)