「タブの設置」の編集履歴(バックアップ)一覧はこちら
「タブの設置」(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>