이것은 같은 괴짜 주제 처럼 보인다, 그것은 정말 블로깅에 대 한 가치가 있는지 아니에요, 하지만 저 전에 중단 적이 있다, 그래서 여기에 우리가 간다
검색에서 몇 가지 데이터를 당기 거 나 프로젝트에 밖으로 일하고 있어요, 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 주석을 강제, 같이:
후 내가 그 랬 어, 모든 div 멋지게 늘어서 고 일 하기 시작 했다 내 탭 전환.
언제나 처럼, 이 핀치에 누군가가 도움이 희망.
</끝>
에 지 저 귐에 나를 따르라합니다 http://www.twitter.com/pagalvin