如何使用jQuery-UI 1.9编程更改选项卡?
注意:发布答案是因为我在stackoverflow上搜索了超过4次才找到正确的答案。似乎在1.9中API已经改变,在早期版本中,您将使用$("#tabs").tabs("select", 2)
。
<script>
$(document).ready(function() {
$("#tabs").tabs();
// assume you want to change to the 3rd tab after 3 seconds
setTimeout(function() {
// ???
}, 3000);
});
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
<li><a href="#tabs-3">Tab 3</a></li>
</ul>
<div id="tabs-1"><p>Container 1</p></div>
<div id="tabs-2"><p>Container 2</p></div>
<div id="tabs-3"><p>Container 3</p></div>
</div>