タブの設置


※上記の広告は60日以上更新のないWIKIに表示されています。更新することで広告が下部へ移動します。

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>