Weitere ähnliche Inhalte
Ähnlich wie jQuery UI Tabs で効率よくタブ機能を実現しよう! 14.05.23 HTML5 jQueryビギナーズ (20)
Mehr von Yoshinori Kobayashi (20)
Kürzlich hochgeladen (11)
jQuery UI Tabs で効率よくタブ機能を実現しよう! 14.05.23 HTML5 jQueryビギナーズ
- 8. 8
Point2. tabs() メッソドで、タブを描画
HTML
<div id="tabs-A">
<ul>
<li><a href="#tabs-A1">エジプト</a></li>
<li><a href="#tabs-A2">トルコ</a></li>
:
</div>
<div id="tabs-A1">
<blockquote>エジプト・アラブ共和国(エジプト・アラ
ブきょうわこく)、
JavaScript
<script src=“js/jquery-ui-・・・
$(function() {
// タブ機能を有効にする
$("#tabs-A").tabs();
:
- 10. 10
まとめ
・jQuery UI TABS が簡単で、扱いやすい。
・デザインは、別途CSSを追加修正してあげる。
・コードで使うメソッドは、tabs() のみ。
アクティブにする場合は、tabs(“option”,“active”,数値);