1

jQuery タブへのリンクをタブ コンテンツの下に配置しようとしています。タブ ナビゲーションは独自の DIV に配置します (スタイル設定のため)。ここに私のマークアップがあります:

    <div id="fpTabs">
  <div id="fpTab-1">
    <p>This is the first tab</p>
  </div>
  <div id="fpTab-2">
    <p>This is the second tab...</p>
  </div>
  <div id="fpTab-3">
    <p>This is the third tab.. </p>
  </div>
</div>
<div id="fpTabs-nav">
   <ul>
      <li><a href="#fpTab-1">Tab 1</a></li>
      <li><a href="#fpTab-2">Tab 2</a></li>
      <li><a href="#fpTab-3">Tab 3</a></li>
   </ul>
</div>

ナビゲーションに #fpTabs-nav の ul を使用してタブを有効にするにはどうすればよいですか?

ありがとう！

4

1 に答える 1

1

これを使用して、プログラムで特定のタブを選択できます

var $tabs = $("#fpTabs").tabs();
$tabs.tabs('select',1); // will select the 2nd tab, index is 0-based

したがって、次のようになります。

$("#fpTabs-nav ul li").click(function() {
   $tabs.tabs('select', $(this).index());
});
于 2011-06-27T13:36:31.600 に答える