使用URL打开JQuery选项卡,并在选项卡单击上向URL添加哈希

Question

我正在开发一个Web应用程序,我正在使用JQuery UI Tabs插件来分隔数据.
如果我将鼠标悬停在每个选项卡上,则在屏幕的左下方我可以看到该选项卡的URL(例如:testPage.com/#tab1或testPage.com/#tab2)

现在,如果我在URL栏中键入其中一个地址,我不会转到与URL中的哈希相关的选项卡,而是转到应用程序中的第一个选项卡.

我的问题是:如何将特定选项卡锚定到URL？
因此,如果有人去testPage.com/#tab3,他们将在应用程序的标签3中结束.

我这样做也是因为我想使用JQuery BBQ插件来修改浏览器历史记录,所以我可以让用户在他们点击后退按钮时转到他们所在的最后一个标签.

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

Answer 1

我最终使用了 Asual 的 JQuery Address 插件。我做了以下事情：

    // 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;
    });

希望这对某人有帮助！谢谢。