2012-06-06 6 views
0

this website의 코드를 기반으로하는 jQuery를 사용하여 Ajax 탭 시스템을 계획 중입니다 (데모 here 참조).Ajax/jQuery 탭 시스템에서 타겟팅하기

다소 제한적인 지식에도 불구하고 작업 해 볼 수있는 좋은 토대입니다. 그러나 누군가가 콘텐츠 컨테이너 내에서 탭을 타겟팅 할 수 있도록 기능을 약간 확장하는 방법에 대한 아이디어가 있는지 궁금합니다.

예 : 탭 1에는 텍스트가 연결되어 있으며 탭 3으로 전환되는 하이퍼 링크를 텍스트에 포함 할 수 있습니다. 실제로는 "탭 3 "그 자체).

미리 감사드립니다.

+1

코드의 측면에서 이미 수행 한 것을 보여줄 수 있다면 더 좋을 것입니다. –

답변

0

타겟팅하는 탭에 대한 링크 만 지정하면됩니다. 이 링크를 링크를 설정하려는 요소에 지정하십시오.

JQuery와 - UI 탭 난 당신이 JQuery와 - UI 탭을 사용해야하는 것이 좋습니다

..뿐만 아니라 다른 훌륭한 기능 alongwith, 매우 쉽게한다.

내가 명확한 지 알려주세요.

+0

팁 주셔서 감사합니다. jQuery UI 탭의 문제점은 "삭제"되도록 설계되었다는 것입니다. 내 탭 시스템을 테마와 완전히 다르게 보이기를 바라고, 나는 지저분한 '중요한'해킹으로 기본 스타일을 덮어 쓰려고하지 않으려한다. – Peter

+0

타겟팅하는 탭에 대한 링크 만 지정하면됩니다. 이 링크를 링크를 설정하려는 요소에 지정하십시오. 이것은 사용중인 탭 콘텐츠 용입니다. 당신은 탭 (1) 내에 탭-3에 링크 같은 콘텐츠가있는 경우 , 당신은 항상이 같은 html로 설정할 수 있습니다 Link to Tab-3 는이 방법을 확인하십시오 수 있습니다. –

+0

jQuery UI 탭 플러그인이 링크 타겟팅과 함께 제공된다는 사실을 알고 있습니다. 앞서 언급했듯이이 플러그인의 문제점은 커스텀 화를 어렵게 만드는 많은 쓸모없는 CSS 정크가 함께 제공된다는 것입니다. 어쨌든 jQuery UI 탭의 제한없이 원하는 플러그인을 찾았습니다. [jQuery EasyTabs] (http://os.alfajango.com/easytabs/). – Peter