javascript - 尝试使用 load 方法强制加载 jQueryUI Tab。

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>

加载后，我想切换第二个选项卡。我尝试使用像这样的加载方法，但它不起作用。知道如何做到这一点吗？

$("#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>