7

私はWebアプリケーションに取り組んでおり、JQueryUITabsプラグインを使用してデータを分離しています。
各タブにマウスを合わせると、画面の左下にそのタブのURLが表示されます(例:testPage.com/#tab1またはtestPage.com/#tab2)

ここで、これらのアドレスの1つをURLバーに入力すると、URLのハッシュに関連するタブに移動せず、代わりにアプリケーションの最初のタブに移動します。

私の質問は、特定のタブをURLに固定するにはどうすればよいですか?
したがって、誰かがtestPage.com/#tab3にアクセスすると、アプリケーションのタブ3に移動します。

これは、JQuery BBQプラグインを使用してブラウザーの履歴を変更したいためでもあります。これにより、ユーザーが[戻る]ボタンを押したときに最後に表示されていたタブに移動できるようになります。

例: http:
//benalman.com/code/projects/jquery-bbq/examples/fragment-jquery-ui-tabs/

4

2 に答える 2

4

AsualのJQueryアドレスプラグインを使用することになりました。私は次のことをしました:

    // For forward and back
    $.address.change(function(event){
        $("#main_tabs").tabs( "select" , window.location.hash );
    });

    // when the tab is selected update the url with the hash
    $("#main_tabs").bind("tabsselect", function(event, ui) { 
        window.location.hash = ui.tab.hash;
    });

うまくいけば、これは誰かを助けます!ありがとうございました。

于 2012-06-21T20:49:00.483 に答える
2

次の方法で試すこともできます。nameアンカー要素にプロパティがあります。この名前はハッシュURLとして追加されます。

Javascript:

$( "#tabs" ).tabs({
    select: function(event, ui) {                   
        window.location.hash = ui.tab.hash;                     
    }
});

HTML:

<div id="tabs" > 
    <ul>
        <li><a name="Test1" href="Home/Test1"> Tab 1  </a></li>
        <li><a name="Test2" href="Home/Test2"> Tab 2  </a></li>
        <li><a name="Test3" href="Home/Test3"> Tab 3  </a></li>            
    </ul>        
</div>
于 2013-10-09T15:00:32.510 に答える