3

同じページに 2 つのタブを表示しようとしていますが、最初のタブはうまく機能し、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>
4

2 に答える 2

1

複数のタブを作成できます（ネストされている、同じレベルにあるなど）。

同じIDを共有すると、問題が発生します。

見る：

http://jsbin.com/eqivo/edit

于 2010-06-23T15:10:16.583 に答える
0

私は本当に休む必要があります、それは機能しています... 問題は、テキストが同じであり、私がそれを見なかったことです.

ごめん。

解決済み

于 2010-06-23T15:35:21.903 に答える