jQuery를 도구 UI 탭 내 HTML 파일에 jQuery를 UI 도구 소스를 참조했습니다

Question

창이 찾습니다하지 않습니다, 나는 다음과 같이 정렬되지 않은 목록을 만들 진행 :

<ul class="tabs"> 
    <li><a href="#">blah</a></li> 
    <li><a href="#">blah 2</a></li> 
</ul> 

가 그때 내 콘텐츠가를 그래서 같은 또는 창 :

<div class="panes"> 
    <div> 
     <div id="body">Random body inside a pane</div> 
    </div> 
    <div> 
     <div id="body">More stuff</div> 
    </div> 
</div> 

그래서 다음이 탭은 나의 JS 파일에 나는 전화를 활성화하려면 :

$("ul.tabs").tabs("div.panes > div"); 

이것은 t을 활성화해야 복근과 창문에 그들을 구성합니다. 그러나 모든 콘텐츠는 하나의 블록에 있으며 탭에는 기능이 없습니다. 내 코드에 결함이없고 문제가 무엇인지 전혀 알 수 없습니다.

감사

Answer 1

마크 업이 다음과 같아야합니다 http://api.jqueryui.com/tabs/에 따르면

<div id="tabs"> 
    <ul> 
     <li><a href="#tab-1">blah</a></li> 
     <li><a href="#tab-2">blah 2</a></li> 
    </ul> 
    <div class="panes"> 
     <div> 
      <div id="tab-1">Random body inside a pane</div> 
     </div> 
     <div> 
      <div id="tab-2">More stuff</div> 
     </div> 
    </div> 
</div> 

내가 jQuery를 UI 도구를 사용하고 http://jsfiddle.net/ZZeYD/1/