초기 탭

Question

나는 다음과 같은 코드가 있습니다

자바 스크립트 :

$("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> 

이 잘 작동하지만 사용자가 원하는 URL : 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; 
    }); 
});