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

您的链接指向复数#tabs-3，而您的div实际上称为单数#tab-3。

Answer 2

2个问题，将内容div放在与div相同的父ul中。

第二，您的链接指向#tabs-...，但您的div的ID为tab-...，不是。

http://jsfiddle.net/FFPVy/

要了解如何使用jquery选项卡的问题

2 个答案: