jQuery Tabs出version 3了

http://www.stilbuero.de/jquery/tabs_3/

後記：Tabs套件已經跟jQuery UI整併了，直接看jQuery UI - Tabs

利用jQuery完成的tab
比上一版多了
1.Tabs Extensions
2.Rotating tabs 會輪播
3.Nested tabs 就多層tab

除了多新功能外
原本的使用上也更加方便
也解決了一些問題
原來只能固定用#container-n
這些原先設定的div現在都可以自訂了
加上更操作上都以jQuery的存取方式設計
coding上更加便利...只要copy...paste.....

• 取得目前選取的tab

  var $tabs = $('#example').tabs().data('selected.tabs');

  原本只能在ie跑，firefox會印出undefine 後來套件有更新, firefox就可以用相同的方式取得
  
• 取得目前tab名

  var selected =$('#container-tab').tabs().data('selected.tabs');
  var tabName=$("#container-tab" > ul > li").eq(selected).text();

  上述方法可以取到值，但會導致tab無法切換了
  所以就照著官網寫的方法
  var selected =$('#container-tab > ul').data('selected.tabs');
  
• 自訂jTab
  jTab裡也可以加圖示進去
  
  把編輯、刪除放在同一格里還滿實用的
  不過似乎jtab多了一層，使得點擊圖示會trigger，但cursor不會改變 ... 慘念
  前面也可加個「新增」鈕，當然要自己加囉