在JQuery移動選項卡視圖中選擇第二個選項卡

我正在使用JQuery移動選項卡。基於某些條件，我想要選擇第二個選項卡，顯示相應的選項卡視圖。感謝幫助:)在JQuery移動選項卡視圖中選擇第二個選項卡

<!-----HTML-------> 
<div class="custom-tabs" id="tabDiv"> 
    <div data-role="navbar" class=""> 
     <ul> 
      <li name=""><a href="#one" id="firstTab" data-ajax="false" data-theme="c">Tab 1</a></li> 
      <li name=""><a href="#two" id="secondTab" data-ajax="false" data-theme="c">Tab 2</a></li> 
     </ul> 
    </div> 
    <!--- First Tab ---> 
    <div id="one" class="tab-content-wrap" name="tabOneContentId"></div> 

    <!--- Second Tab ---> 
    <div id="two" class="tab-content-wrap" name="tabTwoContentId"></div>    
</div> 


<!------JS------> 
$(document).on("pagebeforeshow", "#requestServiceHome", function() { 
    $("#tabDiv").tabs(); 
    if(flag == true){ 
     $('#tabDiv').tabs("option", "select", 1); 
    } 
});

來源

2014-09-04 Sumanth Pai

您在容器DIV需要data-role="tabs"：

<div class="custom-tabs" id="tabDiv" data-role="tabs">

然後設置活動標籤：

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

執行此操作時，相應的選項卡按鈕不會改變顏色。所以，你要麼需要與UI BTN-活動類添加到該按鈕，或觸發按鈕點擊，而不是設置的活動標籤，如：

$("#secondTab").click();

來源

2014-09-04 15:38:44 ezanker

ezanker：我使用'$（secondTab）.trigger（「點擊」）;'這似乎工作，但我們可以清楚地看到從第一個標籤到第二個標籤的過渡。我想知道，是否有辦法隱藏過渡。無論如何感謝您的答覆。 – 2014-09-07 06:55:31

@Sumanth，你可以使用第一個選項，並在選項卡按鈕上設置ui-btn-active類：http://jsfiddle.net/ezanker/a84dajrv/ – ezanker 2014-09-07 22:52:13

在JQuery移動選項卡視圖中選擇第二個選項卡

回答

相關問題