我在本地加载了三个选项卡(不使用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/

最佳答案

参考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>

10-08 13:45
查看更多