jqueryのタブの使い方を理解する上での問題

Question

私は、uiのjqueryタブのプラグインを理解しようとしましたが、私はそれを取得しません。私はまた、ドキュメントの例に従っていますが、私は私のコードを参照して実行するようにしていないと私は間違っている理由を教えてください私はそれを参照してください。

htmlコード

<div class="header"> 
     <div class="headerContainer"> 
      <div class="logoContainer"></div> 
      <div id="menuContainer" class="tab"> 
      <ul id="menuPrincipal"> 
       <li> 
       <a href="#tabs-1">Quienes Somos</a> 
       </li> 
       <li> 
       <a href="#tabs-2">Catalogo de Repuestos</a> 
       </li> 
       <li> 
       <a href="#tabs-3">Cotizacion OnLine</a> 
       </li> 
       <li> 
       <a href="#tabs-4">Catalogo de Repuestos</a> 
       </li> 
      </ul> 
      </div> 
     </div> 
</div> 
<div class="container"> 
    <div id="tab-1"> 
     Contenido para internet 
    </div> 
    <div id="tab-2"> 
     Contenido para tecnologías WAP 
    </div> 
    <div id="tab-3"> 
     Contenido para plugins jQuery 
    </div> 
    <div id="tab-4"> 
     Contenido de prueba 
    </div> 
</div> 

JS

$(document).ready(initialize); 

function initialize(){ 

    $("#menuContainer").tabs(); 
} 

Answer 1

2問題がある場合は、divを同じ親のdivに入れてulとしてください。

第2に、あなたのリンクは#tabs-...になりますが、divのIDはtab-...ではありません。

http://jsfiddle.net/FFPVy/

ハイテク

Answer 2

あなたのdivが実際に特異#tab-3と呼ばれている間、あなたのリンクは、複数の#tabs-3にリンクされています。