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> 

私はそれを修正することができますとにかくそれ