0

jquery.addres plugin を使用して、多くの子タブを持つ多くの親タブを作成しようとしています。最初のタブは正常に動作し、すべてのサブタブが表示されますが、2 番目のタブは正しく動作せず、サンプル ページでは最初のタブが表示されます。多くのサブタブ、および単純なコンテンツの 2 番目のタブ

ここにリンクの例があり ます

ここでJbinページを再現しました 。tab2には子タブがないことに気付くでしょう。どうすれば動作させることができますか

これが私の HTML で、2 番目のタブでは機能しません。私の推測では、ID サブタブを 2 回使用するべきではありません。ID をクラスに変更し、上記のスクリプトを「#」から"."、まだ 2 番目のタブの下にサブタブを再現できません。簡単に違いないと思いますが、わかりません。

<div class="page">
<h1>jQuery Address SubTabs</h1>

<div id="tabs">
  <ul>
    <li><a href="#tab1">Tab 1</a></li>

    <li><a href="#tab2">Tab 2</a></li>
  </ul>

  <div id="tab1">
    <p>Tab 1</p>

    <div id="subtabs">
      <ul>
        <li><a href="#tab1-subtab1">SubTab 1</a></li>

        <li><a href="#tab1-subtab2">SubTab 2</a></li>
      </ul>

      <div id="tab1-subtab1">
        <p>SubTab 1</p>
      </div>

      <div id="tab1-subtab2">
        <p>SubTab 2</p>
      </div>
    </div>
  </div> <!--end subtab1-->

  <div id="tab2">
    <p>Tab 2</p>

    <div id="subtabs">
      <ul>
        <li><a href="#tab2-subtab1">SubTab 1</a></li>

        <li><a href="#tab2-subtab2">SubTab 2</a></li>
      </ul>

      <div id="tab2-subtab1">
        <p>SubTab 1</p>
      </div>

      <div id="tab2-subtab2">
        <p>SubTab 2</p>
      </div>
    </div> <!--end subtab2-->
  </div> <!--end tab2-->
</div> <!--end tabs-->

4

2 に答える 2

0

私はそれが最良のオプションであると思われるjqueryツールを使用することになりました http://jquerytools.org/demos/tabs/multiple-tabs.htm それが誰かを助けることを願っています

于 2012-12-26T00:54:04.687 に答える