2011-10-31 2 views
0

이 바이올린은 매우 기본입니다. 그러나 종류는 내가 가지고있는 문제를 보여줍니다. 나는 문제를 강조하기 위해 Ajax 탭 하위 ID를 의도적으로 변경하지 않았습니다.Ajax 탭 고유 ID 부여

http://jsfiddle.net/ozzy/u5xyR/1/

기본적으로, 우리는 아약스 탭이있는 페이지가 있습니다. 위의 예에서 볼 수 있습니다. 이제 연락처를 클릭하면 두 세트의 하위 탭이 나타납니다.

오전 데 문제가 있습니다 : 우리는 JS의 최소 금액을 사용하여 JS가 탭 클래스에 ID를 추가하도록

<div class="tabscontainerTwo"> 

우리는 동적 및 경제적이 생성해야합니다.

아마도이 부분을 잘 설명하지 못하고 있습니다.

사용자는 연락처 탭을 클릭 작동한다 (그리고 우리가 한 페이지에 서브 아약스 탭의 여러 세트를 가질 수있다) 방법이다. 아래에 아약스 하위 탭이있는 연락처 창이 표시됩니다. 이 모든 것들은 서로 독립적으로 작동해야하며 충돌하지 않아야합니다 (코드 현명) - 각 단항 탭에는 12 개의 서브 탭이있을 수 있습니다. (연락처와 같은)

나는 모두 그것 때문에 생각합니다. 이 하위 탭은 동일한 클래스를 공유합니다. 그래서 아마도 변경 :

$(".tab_contentTwo") 

$("#tab_content-2") $("#tab_content-3") 

하는 것입니다가는 방법은, 그때 데 문제가 제어하고 각 탭에 ID를 추가하고, 모든 것을 제어하는 ​​방법입니다 왜냐하면 모든 것이 조금 엉망이되기 때문입니다.

저는 JS와 잘 어울리지 않습니다.이 코드는 일종의 SOHTANAKAS 코드 포트입니다.

도움을 주시면 감사하겠습니다. ... 더 많은 정보 링크의 클릭에 http://mozo.com.au/home-loans

클릭, 페이지에 그들 중 많은 프로그래머 그들은 모두 아약스 탭의 자신의 부분 집합이 있습니다

우리가 무엇을 달성하고자하는의 예는 다음과 같다 코드를 보면 이들 모두 고유 한 ID를가집니다. 따라서 Javascript로 올바르게 중첩 할 수있는 방법이 궁금합니다.

답변

0

나는이 문제에 대해 약간 분명하지 않지만 그것을 한 번 알려주고있다. HTML 요소를 동적으로 생성하지 않으므로 탭에 맞는 ID를 할당하는 것이 좋습니다.

CSS 클래스가 아닌 ID를 수용하도록 셀렉터를 변경하는 것은 실수 일 수 있다고 생각합니다. 개인적으로 거기에 둘 다 남겨두고 특정 그룹을 원할 때 요소 그룹과 ID를 선택하려는 경우 CSS 클래스를 사용합니다.

행운을 빈다. 내가 제대로 이해하면