初始標籤

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

我認爲一個很好的開始就是將不同的URL分配給應用程序的不同部分。

http://ajaxpatterns.org/Unique_URLs

Answer 2

我想你應該添加這樣的事情：

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