jquery - JQuery：我可以在同一页面中有 2 个选项卡吗？

Question

我试图在同一页面中有 2 个标签，但第一个效果很好，第二个根本不起作用。

同一页面中可能有 2 个选项卡，如果是，我该如何管理？

两者都有相同的代码......示例： $('#tab1').tabs(); 和另一个 $('#tab2').tabs();

谢谢

我的 HTML：

<section>
<div id="radioprog">
    <h2 class="fire">R&aacute;dio</h2>
    <ul id="radio-nav">
        <li><a class="dia" href="#seg">2ª</a></li>
        <li><a class="dia" href="#ter">3ª</a></li>
    </ul>

    <div id="seg" class="programacao">
        seg
    </div>


    <div id="ter" class="programacao">
        ter
    </div>

</div>      
</section>

<section id="info-tab" style="width:325px; margin-top:3px;">
<div id="tabs">
    <ul>
        <li><a href="#comentados">+ Comentados</a></li>
        <li><a href="#lidos">+ Lidos</a></li>
    </ul>

    <div id="comentados">
        <ul>
            <li><a href="#nowhere" title="Lorum ipsum dolor sit amet">Lorem</a></li>
            <li><a href="#nowhere" title="Aliquam tincidunt mauris eu risus">Aliquam</a></li>

        </ul>
    </div>

    <div id="lidos">

        <ul>
            <li><a href="#nowhere" title="Lorum ipsum dolor sit amet">Lorem</a></li>
            <li><a href="#nowhere" title="Aliquam tincidunt mauris eu risus">Aliquam</a></li>
        </ul>
    </div>
</div>      
</section>

Answer 1

您可以有多个选项卡（嵌套、同一级别等）。

当他们共享相同的 ID 时，您会遇到问题。

看：

http://jsbin.com/eqivo/edit

Answer 2

我真的需要休息，它正在工作......问题是文本是相同的，我没有看到。

对不起。

解决了