jQuery 주소/딥 링크 문제

Question

현재 개발중인 웹 사이트에 탭 섹션이 있고 각 탭에 고유 URL을 사용하고 싶습니다.

jQuery 주소 플러그인이가는 길인 것처럼 보이지만 구현하는 데 문제가 있습니다. URL을 할당하고 검색 주소창을 변경할 수 있습니다. 뒤로 버튼은 URL을 탐색하지만 실제로 탭을 변경하지는 않습니다.

주소 관련 문서가 좋지 않습니다. 어떤 종류의 이벤트 리스너가 없다고 가정하고 있지만, 초기화 방법이나 적용 대상을 잘 모르겠습니다.

여기

$('.sm-tab').click(function() { 
    $.address.value($('a', this).attr('href')); 
    smReset(); 
    $('#sm-tabs').find('.active').each(function() { 
     $(this).removeClass('active'); 
     $(this).addClass('inactive'); 
    }); 
    $(this).removeClass('inactive'); 
    $(this).addClass('active'); 
    var smClassArray = $(this).attr('class').split(" "); 
    var smDivClass = smClassArray[1]; 
    $('#'+smDivClass).show(); 
}); 

내 HTML은 아약스 탐색을위한 해시가 a whole can of worms 당신을 열 예정이다 사용이

<div id="sm-tabs"> 
    <div class="sm-tab inactive twitter"> 
     <span class="twitter sprite-sm-twitter"><a href="?tab=twitter" class="hidetext">Twitter</a></span> 
    </div> 
    <div class="sm-tab inactive youtube"> 
     <span class="youtube sprite-sm-youtube"><a href="?tab=youtube" class="hidetext">YouTube</a></span> 
    </div> 
</div> 

<div id="sm-widgets"> 
    <div id="twitter"> 
     Content 
    </div> 
    <div id="youtube"> 
     Content 
    </div> 
</div> 

Answer 1

같이 보입니다 내 JS입니다.

this deep-linking script 대신 HTML5 기록 API를 사용합니다.