JQuery UI tabs plugin : 다른 컨테이너에있는 탭과 내용 창?

Question

jQueryUI 탭을 사용하여 두 개의 별도 컨테이너에 탭과 콘텐츠 창을 둘 수있는 방법이 있습니까?

+--------------+--------------------------------------------------------+ 
| A   | B              | 
| Link   | Tabs             | 
+--------------+--------------------------------------------------------+ 
| C   | D              | 
|    |              | 
| <- Animate ->| Content panes           | 
|    |              | 
|    |              | 
|    |              | 
|    |              | 
|    |              | 
+-----------------------------------------------------------------------+ 

링크를 클릭하면 C 컨테이너하여 탭 창과 D 컨테이너를 확대 축소 :

I는이 배치를 갖는다. 나는 내 HTML을 이런 식으로 디자인하는 것을 선호한다 :

<div class="top"> 
    <div class="left" /> <!--A--> 
    <div class="right" /> <!--B (tabs ul goes in here) --> 
</div> 
<div class="bottom"> 
    <div class="left" /> <!--C--> 
    <div class="right" /> <!--D (content panes goes in here) --> 
</div> 

그러나 이것은 jQueryUI 탭에서 "불일치 조각 식별자"오류를 던질 것이다.

해결 방법이 있습니까?

Answer 1

테마 및 디자인 제약으로 인해 jQuery UI 탭에서이를 수행 할 수 없습니다. 하지만이 내용은 다음과 같이 나타낼 수 있습니다. example