从另一个DIV选择jQuery选项卡

Question

我试图将指向jQuery Tabs的链接定位在选项卡内容下，并且将选项卡导航置于其自己的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激活标签来导航？

谢谢！

Answer 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());
});