在Jquery中以編程方式更改選項卡和選項卡的內容

Question

我的應用程序中有5個選項卡。我已經使用Jquery完成了它。目前當頁面加載時，它會轉到第一個選項卡並查看其內容。在這裏，我想加載頁面加載時的最後一個選項卡及其內容。

我不想更改標籤順序。加載頁面時應加載最後一個標籤及其內容。

我已經嘗試了一些代碼，但它加載第一個選項卡及其內容。我已經包含在以下

<div class="track-content track-content1" id="tab-container"> 
      <ul class="track-nav track-nav1" id="ultabs"> 
       <li id="liHome"><a href="home.html?oJjeW0EE268roaAJQapM65hyD134lhhhN3F5j7KVQKs=" class="active tabbify" data-id="Home">home</a></li> 
       <li id="linkdailyReport"><a href="Report/DailyReport.html?oJjeW0EE268roaAJQapM65hyD134lhhhN3F5j7KVQKs=" class="tabbify" data-id="dailyReport">Daily Report</a></li> 
       <li id="liTeamReport"><a href="Report/TeamReport.html?oJjeW0EE268roaAJQapM65hyD134lhhhN3F5j7KVQKs=" class="tabbify" data-id="teamReport">Team Report</a></li> 
       <li id="liPulledReport"><a href="Report/PulledReport.html?oJjeW0EE268roaAJQapM65hyD134lhhhN3F5j7KVQKs=" class="tabbify" data-id="PulledReport">Pulled Report</a></li> 
       <li id="liMarkReport"><a href="Report/MarkReport.html?oJjeW0EE268roaAJQapM65hyD134lhhhN3F5j7KVQKs=" class="tabbify" data-id="MarkReport">Marked Report</a></li> 

       <li id="liManagePulled"><a href="Report/ManagePulled.html?oJjeW0EE268roaAJQapM65hyD134lhhhN3F5j7KVQKs=" data-id="ImageUpload" class="tabbify">Image Upload</a></li> 
       <li id="liMetrics"><a href="Metrics/Metric.html?oJjeW0EE268roaAJQapM65hyD134lhhhN3F5j7KVQKs=" data-id="Metric" class="tabbify">Metric</a></li> 
       <li id="liAdmin"><a href="Admin/MaintenanceScreens.html?oJjeW0EE268roaAJQapM65hyD134lhhhN3F5j7KVQKs=" class="tabbify">Admin</a></li> 

       <li id="liLogout" style="float: right; cursor: pointer; padding: 3px 10px;"> 
        <img class='homeicon' src="images/Logout.png" alt="Logout" id="Img2" style="width: 24px; height: 24px;" /></li> 
       <li id="lisitedetails" style="float: right; cursor: pointer; padding-top: 3px;"> 
        <img class='homeicon' src="images/Facility.png" alt="Facility" id="Img1" style="width: 24px; height: 24px;" /></li> 

       <li style="float: left; cursor: pointer; padding-top: 3px;"> 
        <img src="images/Expand.png" id="btnHead" alt="Show/Hide" style="width: 24px; height: 24px;" class='homeicon' /> 
       </li> 
      </ul> 
      <!-- <div style="float: right; position: fixed; display: inline-block; color: white; z-index: 9999999; padding-top: 5px; padding-right: 15px;"> 
       <img src="images/Expand.png" id="btnHead" style="width:24px;height:24px;" /> 
      </div>-->    

      <div id="tabContent" class="tab-content"> 
       <!-- Tab Contents Loaded From Ajax --> 
      </div> 
      <!--#tab-content--> 
     </div> 
$("ul.track-nav").tabs(

"#tabContent", 
{ 
    effect: 'ajax', history: true, tabs: 'a.tabbify' , 
} 

); 

Answer 1

HTML和jQuery代碼我不知道你在哪裏得到（http://api.jqueryui.com/tabs/）的語法，所以我只是刪除了無效的參數。

您可以用參數active設置有源元件，然後將指標：

$(function() { 
    $("#tab-container").tabs({ 
    active: $('#tab-container li a').length-1 
    }); 
}); 

見：https://jsfiddle.net/xkm7skjL/1/