jQuery : Can i have 2 tabs in the same page?

Question

我尝试在同一页面中放置两个选项卡，但第一个效果很好，而第二个则根本不起作用。

同一页面中可以有 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