我试图在同一页面上有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>
有帮助吗?

解决方案

您可以有几个选项卡(嵌套,同一级别等)。

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

看:

http://jsbin.com/eqivo/edit

其他提示

我真的需要休息,它正在奏效...问题是文本是一样的,我没有看到。

对不起。

解决了

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top