끝없이 중첩 <div> 태그와 jQuery

이것은 같은 괴짜 주제 처럼 보인다, 그것은 정말 블로깅에 대 한 가치가 있는지 아니에요, 하지만 저 전에 중단 적이 있다, 그래서 여기에 우리가 간다 미소

검색에서 몇 가지 데이터를 당기 거 나 프로젝트에 밖으로 일하고 있어요, XML 메시지 그리고 그 XML 포장 궁극적으로 XSLT 통해 HTML로 변환 됩니다.  포함 된 jQuery 많이 있다, 1 비트의 일부 탭 이동 기능을 구현합니다.  탭을 클릭할 때 (정말, 는 <div>), jQuery 호출 숨기기() 그리고.show() 다양 한 div에 (그래서 아무 포스트백이 경우에 모든 콘텐츠를 다운로드 하는 초기 페이지 로드).

전 무리, 탭 전환 논리 이상 하 게 동작 하기 시작 하 고 그것은 내 탭 중 하나를 표시 하지 않을.  내가 궁극적으로 추적 그것 사실 아래는 인터넷 익스플로러 (적어도) 생각 하는 <div> 지금까지 중첩 된 태그, 의도 보다 훨씬 더 깊은.개발자 도구 모음 표시:

-<div id = "Tab1Content">
  -<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           …………………………
                   </div>  <-마지막으로 보여주는 폐쇄 되었습니다 모든 방법 여기!

그래서, 만약 내가 한 $("#Tab1Content").숨기기(), 나 또한 Tab2 숨길 것이 고 내가 결코 보여 Tab2 나 또한 Tab1 표시 하지 않았다.  복사 하 고 붙여넣은 코드 visual studio와 모든 div의 일렬로 늘어선 멋지게 보여 그것은, 마찬가지로 그들은 일을 했는데, 이 처럼 보이는:

-<div id = "Tab1Content">
  +<div>
  +<div>
-<div id = "Tab2Content">
  +<div>
  +<div>

잠시 동안 벽에 내 머리를 이길 하 고 실제 html에서 코드 빈을 많이 생성 됐다 것으로 나타났습니다. <div> 태그, 같은:

<바디>

  <div id = "Tab1Content">

    <div id = "row1" />
    <div id = "row2" />

  </div>

  <div id = "Tab2Content">

    <div id = "row1" />
    <div id = "row2" />

  </div>

</바디>

(너무 간략하게 waaaaaaaaaaaay 위 이다입니다.  빈 div 태그는 완전히 유효. 일부 내 <div> 태그 된 콘텐츠 전체, 하지만 더 많은 했다.  실현에와 서는 내 <xsl:각각에 대 한> 지시문 짧은 형태로 방출 했다 div 태그 때 xsl:에 대 한 각 하지 않았다 ' 어떤 데이터를 찾을 합니다.  출력에는 HTML 주석을 강제, 같이:

image

 

후 내가 그 랬 어, 모든 div 멋지게 늘어서 고 일 하기 시작 했다 내 탭 전환.

언제나 처럼, 이 핀치에 누군가가 도움이 희망.

</끝>

내 블로그를 구독.

에 지 저 귐에 나를 따르라합니다 http://www.twitter.com/pagalvin

응답을 남기다

귀하의 이메일 주소는 공개되지 않습니다. 필요 입력 사항은 표시되어 있습니다 *