jquery ui带有ajax选项卡的自定义选项卡

Question

我正在使用jquery UI标签

我有三个像这样的ajax标签：

<div id="tabs">
<ul>
<li><a href="linktopage1.jsp">Failed EIV Pre-Screening</a></li>
<li><a  href="linktopage2.jsp">Failed SSA Screening</a></li>
<li><a  href="linktopage3.jsp">Pending Verification</a></li>
</ul>
</div>

我希望在加载页面时默认显示第二个标签页。

我尝试了以下代码。

<script type="text/javascript">
    $(document).ready(function(){
    var $tabs = $('#tabs').tabs();
    $tabs.tabs('select', 1);
    });
</script>

现在，当页面加载时......在linktopage2.jsp中执行的代码仍然执行，在屏幕上仍然会选择第一个选项卡，屏幕为空。我明确必须单击第二个选项卡才能显示数据。

我做错了什么或者还有其他什么可以做？

Answer 1

从doc，使用'selected'属性。

$('#tabs').tabs({ selected: 2 });