Блог

я пытался понять плагин jquery tabs для пользовательского интерфейса, но я не понимаю. я также следую примеру в документах, но я не заставляю запускать see мой код и рассказывать мне, почему я делаю неправильно, потому что я этого не вижу.

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

2 Проблемы, поместите содержимое div в тот же родительский файл, div что и ваш ul .

во-вторых, ваши ссылки относятся к #tabs-... , но ваши divs имеют идентификаторы, которые являются tab-... , без s.

http://jsfiddle.net/FFPVy/

Ваши ссылки ссылаются на множественное число #tabs-3 , в то время как ваш div на самом деле называется единственным #tab-3 числом.