jQuery tabs - 콘텐츠 패널이 생성되는 위치를 선택하십시오.

Question

동적으로 지정된 위치에 탭 패널을 생성 할 수 있는지 궁금합니다.

지금 내 탭은 일부 json을로드하여 동적으로 생성됩니다. 내 사업부 구조는 그래서 같다 : 나는의 부모 DIV의 패널 된 div를 만들 jQuery를 말하고 싶습니다

<div id="tabs"> 
    <ul id="tablist"> 
    <li><a href="#panel1">blah1</a></li> 
    <li><a href="#panel2">blah2</a></li> 
    <li><a href="#panel3">blah3</a></li> 
    </ul> 
    <div id="panel1">Some content...</div> 
    <div id="panel2">Some content...</div> 
    <div id="panel3">Some content...</div> 
</div> 

그런 다음 아래에 동적으로 유사한 구조를 채 웁니다

<div id="tabs"> 
    <ul id="tablist"></ul> 
</div> 

... 내 예 : '#panels':

<div id="tabs"> 
    <ul id="tablist"></ul> 
</div> 
<div id="panels"></div> 

가능합니까? 감사.

참고 일반 QUI 모양을 사용하고 있지 않으므로 & 느낌이므로 어떤 컨테이너 디자인에도 구속되지 않습니다.

Answer 1

동적으로 지정된 위치에 탭 패널을 만들 수 있는지 궁금합니다.

쉽게 알 수 없습니다. 당신이 정말로 원하는 경우 표시되지 않는 것 때문에

당신은,

바인딩, 현재 정렬되지 않은 목록의 스타일을 변경

• 두 번째 순서없는 목록을 작성,
• 하여 비슷한 동작을 얻을 수 새 목록의 탭을 클릭하면 '실제'목록에서 '클릭'이벤트가 발생합니다.

또는, "다른 방법"가서 그들이되도록 "진짜"패널의 스타일을 변경

• 패널의 두 번째 세트를 생성,
• 에 의해 비슷한 동작을 얻을 수
• "tabsselect"(및 유사한 이벤트)를 가로 채고 새 패널의 해당 디스플레이 변경을 트리거합니다.

참고로 jQuery UI 탭 API는 현재 redesign으로 진행됩니다. 사전 알파 milestone을 사용할 수 있으며 의견을 요청합니다. 확실히 이것을 기능으로 요청하고 그들이 말하는 것을 보는 것은 상처를주지 않을 것입니다. (아무것도 아닌 경우 위보다 더 좋은 아이디어가있을 수 있습니다.)