HTML5 기록/상태 API를 모두 사용하고 해시 태그 (문서 내의 링크)로 하이퍼 링크를 유지하는 방법

Question

기존 웹 페이지에 ajaxify-html5.js을 구현했습니다. jQuery, ScrollTo 및 History.js을 사용합니다. 멋진 물건, 훌륭하게 작동합니다.

<a href="category?id=5">Category 5</a> 

과 같은 모든 링크는 콘텐츠 창에서 열립니다. 그것이해야처럼 주소 표시 줄의 내부

<a href="category?id=5#pictures">Category 5 - directly to pics</a> 

... URL 변경,하지만 아무것도 콘텐츠에 변화가 없습니다 :이 같은 조각 식별자를 사용하는 링크를 클릭 할 때 - 모든 것은 하나의 문제 거리 완벽한에서입니다. 범주가 아닐지라도 id = 5가로드됩니다.

최대한 멀리 볼 수있는, 이것은 (ajaxify-html5.js에서) 발사됩니다 :

History.pushState(null,title,url);  // url = "category?id=5#pictures" 

그러나 (같은 파일)하여 stateChange하지 않습니다

$window.bind('statechange',function(){ 

나는 생각 모든 URL을 삭제할 수 있습니다. #hashtag를 제거하십시오. 그러면 새로로드 된 페이지를 가져 오는 과정을 제외하고는 <a name="hashtag"></a>이 어디에 위치합니까? 불행하게도이 사이트는 이들에 크게 의존합니다 ...

제 질문은 : ajaxify를 조각화 식별자와 함께 사용할 수 있습니까, 후자는 우선적으로 영향을받지 않습니까?

Answer 1

는이 같은 내부하는 HREF 모든 < > 태그를 저장할 수
var tags = jQuery("a[href*='#']");

을 afaxify-html5.js이 ​​완료되면 마법을, 당신은 tags.unbind()를 호출하여 원래 동작을 복원 할 수 있습니다.