jquery tabs back button

Question

This post jQuery 탭에 여전히 뒤로 버튼이있는 문제에 대해 이야기합니다. 고객이 필요로하는 것은 상당히 간단합니다. 다시 보도 할 때, 그들은 단지보고있는 곳으로 돌아가고 싶습니다. 그러나 jQuery 탭은 사용자가 페이지를 떠날 때 선택된 탭이 아니라 첫 번째 탭을로드합니다.

저는 accompanying link을 읽었으며 "계획되어 있고 클라우스가 시간을 찾으면 언제든지 작업하고 있습니다"라고 말했습니다.

누구나 jQuery UI 탭에서 뒤로 버튼 문제를 해결 한 사람이 있습니까?

Answer 1

은 뒤로 버튼 문제에 대한 더러운 수정 주기적으로 변경되었는지 확인하기 위해 에 location.hash을 확인하는 것, 그리고이 경우, 화재 해당 링크의 이벤트를 클릭하십시오. zachstronaut.com가 jQuery Tabs Demo 업데이트 사용 예를 들어

, 당신은 (문서) 콜백을 .ready $에이를 추가 할 수 있습니다, 그리고 효과적으로 더 이상은 500ms (A)보다 지연, 탭을 전환 할 뒤로 버튼을 사용합니다 :

를 당신은 사용자가 탭을 클릭 URL을 업데이트 할 수있는 TabContainer했다 당신의 탭 컨테이너에 클래스가 있다면

j_last_known_hash = location.hash; 
window.setInterval(function() { 
    if(j_last_known_hash != location.hash) { 
     $('#tabs ul li a[href="'+ location.hash +'"]').click(); 
     j_last_known_hash = location.hash; 
    } 
}, 500); 

Answer 2

탭을 전환 할 때 브라우저 위치를 업데이트하는 데 지치셨습니까? 게시 된 역사 문제 지역권의 솔루션을 사용 http://www.zachstronaut.com/posts/2009/06/08/jquery-ui-tabs-fix.html

Answer 3

, 당신이 할 수 있습니다 :

$(".tabContainer").tabs({ 
     select: function(event, ui) { 
      window.location.hash = ui.tab.hash; 
     } 
    }); 

을 한 후, 대신 전나무의

var j_last_known_hash = location.hash; 
    window.setInterval(function() { 
     var newHash = location.hash; 
     if(j_last_known_hash != newHash) { 
      var index = getIndexForHash(newHash); 
      $('.tabContainer').tabs("select",index); 
      j_last_known_hash = newHash; 
     } 
    }, 100);