2012-03-21 8 views
0

プロトタイプ作成にJoshua Gatckeの99Lime HTML Kickstartフレームワークを使用しています。 これはjQueryタブの実装を使用しており、URLでタブに直接アクセスできるかどうか疑問に思っていました。正しいURLにアクセスする

たとえば、私は、この場合は静的コンテンツのページを持っています。 1つは#settingsであり、もう1つは#usersです。 ユーザーを/dashboard#usersにリダイレクトして、すぐにユーザータブを表示したいとします。

これは可能ですか?

+0

はい、そこにここにSOの例がたくさんあります。基本的には、ページがロードされたときに 'document.location.hash'値をチェックし、javascriptで適切なタブを開きます。 –

答えて

1

出来上がり:

$(document).ready(function(){ 
    $(window).bind('hashchange', function(){ 
     $('ul.tabs a[href^="' + document.location.hash + '"]').click(); 
    }); 

    if (document.location.hash.length) { 
     $(window).trigger('hashchange');    
    } 
})​;​ 

Working fiddle

編集:

徹底的にあなたの質問を読めば、私はこれがあなたが必要とするすべてであることに気づい:

$(document).ready(function(){ 
    if (document.location.hash.length) { 
     $('ul.tabs a[href^="' + document.location.hash + '"]').click(); 
    } 
})​;​ 
1

うん、そうです。何か試しましたか?あるいは、これを行うためのすぐに使用できる方法があるかどうかを尋ねているだけですか?

それが最初である場合には、ここでは、この(私はタブをクリックすると、右、それを表示すると思う?)行うには、いくつかの擬似コードです:

window.onhashchange = function(e) { 
    By.id(e.newUrl).click() 
} 

PS:By micro-libraryを使用しては。

+0

ありがとう、私はハッシュでURLにリンクしようとしましたが、javascriptでそのハッシュを使用する方法を正確に把握できませんでした。私はここで同様のソリューションを見つけたと思う:http://stackoverflow.com/questions/2687960/jquery-tabs-where-the-tab-content-can-be-linkedtoto – Simon

関連する問題