タグ

ブックマーク / tech.ludicmind.net (1)

  • jQuery UI/Tabs - tech.ludicmind.net

    概要 タブは通常アコーディオンのように、コンテンツを、スペースを節約できる切り換え型のセクションに入れるのに使用される。 デフォルトではタブのクリックでセクションを切り替えるが、オプションでhoverにもできる。タブのコンテンツはタブにhrefを設定する事でAjaxを通して読み込む事もできる。 イベント 一連のイベントがタブの操作で実行される。 tabsselect, tabsload, tabsshow(この順番で) tabsadd, tabsremove tabsenable, tabsdisable イベントバインドの例: $('#example').bind('tabsselect', function(event, ui) { // 関数内で有効なオブジェクト: ui.tab // 選択された(クリックされた)タブのアンカー要素 ui.panel // 選択/クリックされたタブ

  • 1