问题来了解如何使用jquery选项卡(problem to understand how to use jquery tabs)

我试图理解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(); }

i'm tried to understand the jquery tabs plugin of ui but i don't get it. i also follow the example in the docs but i don't make to run see my code and tell me why am i doing wrong Because i don' see it .

html code

<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(); }