jQuery를 탭 - # 통해 탭을로드하지 마십시오 (탭 콘텐츠 ID)

Question

내 스크립트 파일에서 다음 JS와 jQuery를 V2.1.1-β1 & JQuery와-UI-1.10.4를 실행하고 있습니다 :

$(document).ready(function(){ 
    $('.festival-list').tabs({ 
     beforeActivate: function(event, ui) { 
      ui.newTab.index(); 
     } 
    }); 
}; 

나는이 문제를 해결하기 위해 싶습니다

---

문제 1 :

나는 잘 작동 일련의 탭이 있습니다. 나는 프레스 (#press)의 이드와 함께 리가있는 탭을 가지고있다. URL (http://website-url.com/news/#press)을로드하면 내용 (탭 블록)이 올바르게 표시됩니다.

그러나이 url이 바닥 글의 href로 사용되면 페이지가로드되지만 탭 (#press)을 올바르게로드하지 못합니다. 현재 나는 꼬리말 링크를 클릭 한 다음 관련 탭을 클릭하여 블록을로드해야합니다. 자동화가 없습니다.

---

2 문제 :

가 두 번째로 내가 URL에 해시하고 싶은이, 희망이 탐색하는 동안 UI 도움이 될 것입니다.

Answer 1

URL의 해시는 $.ready 함수가 한 번만 (페이지로드시) 실행되기 때문에 초기로드에서만 작동합니다. 이 탭 & URL은 페이지로드 후 서로 일치 있는지 확인하려면, 당신은 UI를 원하는 특히, 당신은 사이트 전체 솔루션의 더 찾고 있다면

$(window).on('hashchange', function processHashChange(e) { 
     ... 
    }); 

같은 뭔가를 할 수 URL 해시 (예 : 페이지의 한 부분에서 탭을 숨기거나 표시하는 것 이상)를 기반으로 복잡한 동작을 수행하려면 Crossroads과 같은 적절한 JavaScript 라우팅 라이브러리를 조사해야 할 수 있습니다.