Question

我有以下代码：

JavaScript的：

$("ul.iwTabs").each(function() {
    $("li a", this).first().addClass("selected");
    initialTabId = $("li a", this).first().attr("href");
    $(initialTabId).css("display", "block");
    });


    $("ul.iwTabs li a").click(function () {
        newTabId = $(this).attr("href");
        listElement = $(this).parent().parent();
        oldTabId = $("a.selected", listElement).attr("href");

        $("a.selected", listElement).removeClass("selected");
        $(this).addClass("selected");

        $(oldTabId).css("display", "none");
        $(newTabId).css("display", "block");
        return false;
    });

HTML：

<ul class='iwTabs'>
    <li><a href='#tab1'><div id="cupons">Meus cupons</div></a></li>
    <li><a href='#tab2'><div id="creditos">Meus créditos</div></a></li>
</ul>

...

<div id='tab1' class='iwTabs'>...content...</div>
<div id='tab2' class='iwTabs'>...content...</div>

这很好用，但我希望用户输入网址：example.com/my_page#tab2并转到打开tab2的网页。我不知道该怎么做。

Answer 1

我认为你应该添加这样的东西：

$(document).ready(function(){ 
    $("#tabs").bind("tabsselect", function(event, ui) {
        window.location.href=ui.tab;
    });
});

Answer 2

我认为一个好的起点是关于将不同的URL分配给应用程序的不同部分的文章。

http://ajaxpatterns.org/Unique_URLs

URL选择的初始选项卡

2 个答案: