2012-04-16 2 views
0

몇 가지 관련된 도움말 항목을 살펴 보았지만 중요한 단계가 아직 없습니다. 새 페이지를 만들었습니다 ... page - employee.tpl.php이 페이지는 현재 3 개의 별도 '페이지'를로드하는 3 개의 탭을 포함합니다. 나는 사용자가 탭을 클릭 할 때 ... 탭 A가 얻을 수 있도록 아주 간단한 .click 기능을 구현하기 위해 노력하고Drupal 7의 사용자 정의 페이지에서 jQuery 실행

<div id="a" class="empTab"><a href="/"><span>Employee Home</span></a></div> 
<div id="b" class="empTab"><a href="/"><span>State Notices</span></a></div> 
<div id="c" class="empTab"><a href="/"><span>Federal Notices</span></a></div> 

: - 페이지의 HTML을 다음과 같이 employee.tpl.php이다. activeTab 클래스. 그들이 b를 클릭하면 ... b는 activeTab 클래스를 가져오고 c와 동일합니다. 내 jQuery는 로컬에서 작동하지만 사용자 정의 페이지에 배치 할 위치를 모르겠습니다 - employee.tpl.php jQuery 코드를 html 템플릿 파일에 넣으면 내 사용자 정의 페이지가로드 될 때까지 작동하고 html이 실행될 때까지 작동합니다 사용자가 b 탭을 클릭 했더라도 a 탭은 .activeTab 클래스를 가져옵니다. 누구든지이 주제에 대해 밝힐 수 있습니까?

감사합니다.

답변

0

이 모듈을 살펴보십시오. http://drupal.org/project/quicktabs

빠른 탭 모듈을 사용하면 탭이 지정된 콘텐츠, 특히보기, 블록, 노드 * 및 기타 빠른 태그 블록을 만들 수 있습니다. 해당 콘텐츠가있는 여러 탭이 포함 된 사이트에서 차단을 만들 수 있습니다. 탭을 클릭하면 해당 내용이 jQuery를 사용하여 즉시 표시됩니다.

+0

는 귀하의 의견 주셔서 감사합니다 다음 6.x의-2.x는 지점, 이것은 아약스 또는 비 아약스 모드에서 수행 할 수 있습니다. 나는 Tabs 모듈을 알고 있으며 당신과 완전히 동의합니다. 내가 일하고있는 사이트는 js의 길로 향했다. 그래서 나는 시간 제약으로 계속 될 것이라고 생각했다. Tab 모듈이 가장 좋은 답변이지만, 예를 들어 사용자 정의 페이지에서 내 자신의 애니메이션 코드를 실행하려면이 코드는 어디에 있습니까? 드루팔 (Drupal) 밖에서 나는 스크립트 태그 사이의 헤더에 붙이기 만하면된다. – Leslie

관련 문제