JQuery:我可以在同一页面中有2个选项卡吗?

时间:2010-06-23 15:05:00

标签: jquery jquery-tabs

我正在尝试在同一页面中有两个标签,但第一个效果很好,第二个根本不起作用。

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

2 个答案:

答案 0 :(得分:1)

您可以有多个标签(嵌套,在同一级别等)。

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

请参阅:

http://jsbin.com/eqivo/edit

答案 1 :(得分:0)

我真的需要休息,它正在工作......问题是文字是一样的,我没有看到。

对不起。

解决