Question

我在本地加载了三个标签（不使用AJAX）。

<div id="tabs">
    <ul>
        <li><a href="1">tab1</a></li>
        <li><a href="2">tab2</a></li>
        <li><a href="3">tab3</a></li>
    </ul>
</div>

<script>
    $("#tabs").tabs()
</script>

加载后，我想切换第二个标签。我尝试使用load方法，但是它没有用。知道怎么做吗？

$("#tabs").tabs("load",2);

http://jsfiddle.net/ccgHS/1/

Answer 1

参考http://api.jqueryui.com/tabs/#option-active

$( "#tabs" ).tabs({ active: 1 });

<强> UPDATED FIDDLE

你的html喜欢

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
  </ul>
  <div id="tabs-1">
    <p>Some content.</p>
  </div>
  <div id="tabs-2">
    <p>Some content.</p>
  </div>
  <div id="tabs-3">
    <p>Some content.</p>
  </div>
</div>

尝试强制使用load方法加载jQueryUI选项卡。

1 个答案: