タブの設置

「タブの設置」の編集履歴(バックアップ)一覧はこちら

タブの設置」(2009/09/08 (火) 11:35:29) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

*Module 定義の中に書く <Require feature="tabs" /> *ビューの JS 内に記載 jQuery(function($) { $('#tabs').tabs(); }); *ビューの HTML に記載 <div id="tabs"> <ul> <li><a href="#index1" title="インデックス1">インデックス1</a></li> <li><a href="#index2" title="インデックス2">インデックス2</a></li> </ul> <div id="index1"> <div align="center">コンテンツ1</div> </div> <div id="index2"> <div align="center">コンテンツ2</div> </div> </div>
*Module 定義の中に書く <Require feature="tabs" /> *ビューの JS 内に記載 jQuery(function($) { $('#tabs').tabs(); }); *ビューの HTML に記載 <div id="tabs"> <ul> <li><a href="#index1" title="インデックス1">インデックス1</a></li> <li><a href="#index2" title="インデックス2">インデックス2</a></li> </ul> <div id="index1"> <div align="center">コンテンツ1</div> </div> <div id="index2"> <div align="center">コンテンツ2</div> </div> </div> <a href="http://code.google.com/p/opensocial-jquery/wiki/Tabs">Tabs - opensocial-jquery - [en-US] タブを表示し、タブの切り替えイベントをハンドリングできます。 - Project Hosting on Google Code</a> <a href="http://b.hatena.ne.jp/entry/http://code.google.com/p/opensocial-jquery/wiki/Tabs"><img src="http://b.hatena.ne.jp/entry/image/http://code.google.com/p/opensocial-jquery/wiki/Tabs" border="0"></a>

表示オプション

横に並べて表示:
変化行の前後のみ表示: