如何通過jQuery設置活動選項卡選擇標籤內容超出ul元素的位置？

Question

頁面加載後我想以編程方式設置活動選項卡......在下面的示例中，我想將英語設置爲活動選項卡。

我想：

$('#languagetabs').tabs('select', 1); 

和

$('.edittabs').tabs('select', 1); 

但沒有工作，在什麼也沒有發生：沒有錯誤，和第一選項卡仍然有效。

<div class="edittabs"> 
    <ul id="languagetabs"> 
     <li><a href="#language-spanish">Spanish</a></li> 
     <li><a href="#language-english">English</a></li> 
    </ul> 
    <div id="language-spanish">   
     Spanish description 
    </div> 
    <div id="language-english"> 
     English description 
    </div> 
</div> 

Answer 1

$('#languagetabs li:eq(1) a').trigger('click'); 

這將效仿被點擊第二個選項卡。

Answer 2

聲明一個類活躍，

.active{background:#5d5d5d;} 

<li><a href="#language-english" class="active">English</a></li> 

$('#languagetabs li').click(function() { 
    $(this).toggleClass('active'); 
}); 

希望它會幫助你..