タブスクリプトにjQueryアドレスを追加する

Question

友人の助けを借りて、私は非常にシンプルで、jQuery UIのような追加スクリプトを必要としないタブスクリプトを作成しました。

ここでは、実際にアクセスしてタブにアクセスしたり、タブをブックマークしたり、ブラウザの前後のボタンを使用できるように、アドレスバーの機能を実際に見てきました。ここ

http://www.asual.com/jquery/address/

私のJSのバイオリンです：http://jsfiddle.net/BiBA/WEEFd/

私はスニペット私の既存のJSにそれを追加しようとしたが、それは仕事をdidntの。 このタブスクリプトにアドレスサポートを追加する方法をご存知ですか？ $（document）.ready（function（）{ initTabs（）; }）;

function initTabs() { 
    $('#tabMenu a').bind('click',function(e) { 
    e.preventDefault(); 
    var thref = $(this).attr("href").replace(/#/, ''); 
    $('#tabMenu a').removeClass('active'); 
    $(this).addClass('active'); 
    $('#tabContent div.content').removeClass('active'); 
    $('#'+thref).addClass('active'); 
    }); 
} 

Answer 1

URLのハッシュ値を取得するには、location.hashを使用します。この値をinitTabs関数に渡して、対応するid/href値を持つコンテンツ/タブがあるかどうかを確認し、それをアクティブにすることができます。

も参照してください答えをhttp://www.ezineasp.net/post/Javascript-Location-Hash-with-Example.aspx