URLからのIDを使用したjQueryのタブ

Question

jQueryのUIタブがどのように機能しているのでしょうか？それはURLアドレスからID（#123）に依存します。

私は似たようなことをしたいと思っていますが、その仕組みはわかりません。あなたは私が何を意味するかIDを知らない場合

は、ここでの例のURLです：http://example.com/my_code.php#tab-3

とid属性を持つdivがある場合：<div id="tab-3">...</div>は、jQueryのUIは、そのタブに切り替えています。

どうすれば似たようなことができますか？

Answer 1

初期化時に、jQueryのUIタブウィジェットはwindow.location.hashを使用してページのURLのフラグメント部分を取得し、タブを反復してフラグメントに一致するものをアクティブにします。

source code

（現在のトランク159〜166行）の要部である：

if (location.hash) { 
     this.anchors.each(function(i, a) { 
       if (a.hash == location.hash) { 
         o.selected = i; 
         return false; // break 
       } 
     }); 
}