javascript - 我如何声明，以便默认选项卡将在jQuery Mobile UI中突出显示

我是jquery新手。我正在使用jquery mobile创建一个应用程序UI。

我是从他们的移动Tabstrips网站上获得此样本的。我如何声明，以便默认选项卡将在“到期贷款”下，并且其选项卡将突出显示。

<div data-role="tabs" id="tabs">
        <div data-role="navbar">
            <ul>
                <li id="loansDue"><a href="#one" data-ajax="false">Loans Due</a></li>
                <li id="overDue"><a href="#two" data-ajax="false">Overdue</a></li>
            </ul>
        </div>
        <div id="one" class="ui-body-d ui-content">
            <ul data-role="listview" data-inset="true">
                <li><a href="loanInfo.html">AY1415S2/109</a></li>
                <li><a href="loanInfo.html">AY1415S2/110</a></li>
            </ul>
        </div>
        <div id="two" class="ui-body-d ui-content">
            <ul data-role="listview" data-inset="true">
                <li><a href="loanInfo.html">AY1415S2/106</a></li>
                <li><a href="loanInfo.html">AY1415S2/107</a></li>
                <li><a href="loanInfo.html">AY1415S2/108</a></li>
                <li><a href="loanInfo.html">AY1415S2/109</a></li>
                <li><a href="loanInfo.html">AY1415S2/110</a></li>
            </ul>
        </div>
    </div>

我试过了

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

和

var SelectedTab = $('ul li#loansDue').index();

$( ".selector" ).tabs({ selected: SelectedTab  })

但它们都不起作用。请指教。

最佳答案

使用活动属性-其中“ 1”表示标签的索引

JSFiddle

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