Javascript 如何声明，以便在jquery mobile UI中突出显示默认选项卡

我不熟悉jquery。我正在用jquery mobile创建一个应用程序UI

我从他们的移动标签网上得到了这个样本。如何声明，使默认选项卡位于“贷款到期”下，其选项卡将突出显示

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

及

---

但它们都不起作用。请告知。

使用活动属性-其中“1”表示选项卡的索引

---

下面的代码应选择索引为1的选项卡

$( "#tabs" ).tabs( "option", "active", 1 );

---

创造了一把小提琴

我认为您必须按以下步骤操作，只需添加此脚本即可

$(function(){
    $("#loansDue").addClass("ui-state-hover");
    $("#loansDue a").addClass("ui-btn-active");
});

这不是一个正确的方法，但我已经测试过它，它只是工作良好。 随便问什么。

---

谢谢。

您使用的是哪个版本的jquery？jquery 1.11.1和jquery mobile 1.4.5已经试过了，但仍然不起作用。这是因为我没有为我的标签声明索引，而是id？它工作-它加载到期贷款-但不应用css-@EtAndrea-标签的焦点也已关闭。。请检查最新的JSFIDDLE，第一个选项卡已经选中，但问题是

li

和

a

标记缺少这两个css类。

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

$( "#tabs" ).tabs( "option", "active", 1 );

$(function(){
    $("#loansDue").addClass("ui-state-hover");
    $("#loansDue a").addClass("ui-btn-active");
});