2011-12-21 3 views
0
jQuery UI Tab 제어 탭을 나타내는 앵커 링크를 포함하는 UL 태그로 구성된다

. 일반적으로 해시 href가있는 앵커를 클릭하면 해시 조각이 주소 표시 줄의 URL에 추가됩니다. 그러면 탭을 클릭 할 때 해시 조각이 나타나지 않습니다. 그것이 그렇게하도록 수정하는 방법이 있습니까?이해 JQuery와 UI 탭 컨트롤 앵커

jQuery를 UI 탭 소스에서

:

<ul> 
    <li><a href="#tabs-1">Nunc tincidunt</a></li> 
    <li><a href="#tabs-2">Proin dolor</a></li> 
    <li><a href="#tabs-3">Aenean lacinia</a></li> 
</ul> 

답변

1

나는 탭 UI의 소스로 보였다 적이 없다 나는 모르겠지만, 나는 그것이 앵커에 대한 event.preventdefault()를 보낼 것입니다 않습니다 무엇을 믿는 그래서 기본 href는 실행되지 않습니다.

당신은 코드로 이동하고 영역을 확인하고 주석 및 확인할 수 있습니다. 또는 사용자가 올바른 장소로 돌아 오도록하려면 cookie 함수를 쿠키 플러그인과 함께 사용하십시오.

또한 특정 #tab 앵커에서 페이지를 열려면 일반처럼 탭 ID를 URL에 추가하면로드시 해당 탭이 열립니다.

1

소스를 확인하십시오. 탭은 탭 앵커 클릭시 false를 반환하므로 링크를 따라 가면서 해시를 업데이트하지 않습니다. select 이벤트에 함수를 추가하여 해시를 업데이트 할 수 있습니다.

+0

false를 반환하는 것을 잊어 버렸습니다 = 기본 이벤트 방지 ... 감사합니다. – Yarin