jQuery UI 탭 및 자식 문제 UL

Question

jQuery UI 탭에 문제가 있습니다. 기본 탭 마크 업을 사용하고 있습니다.

<div id="tabs"> 

    <ul> 
     <li><a href="#tab1">tab 1</a></li> 
     <li><a href="#tab2">tab 2</a></li> 
    </ul> 
    <div id="tab1"> 
    </div> 
    <div id="tab2"> 
    </div> 
</div> 

그러나 탭 앞에 목록을 표시하고 싶습니다. 좋아요 :

<div id="tabs"> 
    <p>Lorem ipsum dolor</p> 
    <ul> 
     <li>asdasdasd</li> 
     <li>asdasdasd</li> 
    </ul> 
    <ul> 
     <li><a href="#tab1">tab 1</a></li> 
     <li><a href="#tab2">tab 2</a></li> 
    </ul> 
    <div id="tab1"> 
    </div> 
    <div id="tab2"> 
    </div> 
</div> 

그리고이 목록을 탭으로 인식하지 않으려합니다. 내가 어떻게 할 수 있니?

Answer 1

div#tabs 앞에 jQuery UI 탭 기능이 있으므로 div에있는 모든 li을 확인해야합니다.

Answer 2

어쩌면?

<div id="content"> 
    <p>Lorem ipsum dolor</p> 
    <ul> 
     <li>asdasdasd</li> 
     <li>asdasdasd</li> 
    </ul> 
</div> 
<div id="tabs"> 
    <ul> 
     <li><a href="#tab1">tab 1</a></li> 
     <li><a href="#tab2">tab 2</a></li> 
    </ul> 
    <div id="tab1"> 
    </div> 
    <div id="tab2"> 
    </div> 
</div> 

업데이트 :

<div id="tabs"> 
    <div id="content"> 
     <p>Lorem ipsum dolor</p> 
     <ul> 
      <li>asdasdasd</li> 
      <li>asdasdasd</li> 
     </ul> 
    </div> 
    <ul> 
     <li><a href="#tab1">tab 1</a></li> 
     <li><a href="#tab2">tab 2</a></li> 
    </ul> 
    <div id="tab1"> 
    </div> 
    <div id="tab2"> 
    </div> 
</div> 

내가 그것을