如何通過代碼更改jquery ui選項卡？

Question

我得到了js函數的html，並使用jquery ui -tabs。

<ul> 
<li><a href="#tabs-1">MenueTree</a></li> 
<li id="liConfigCustomer"><a href="#tabs-2">ConfigCustomer</a></li> 

</ul> 
<div id="tabs-1"><input type='button' value='test' id ='betTest'></div> 
<div id="tabs-2"><input type='button' value='test' id ='betTest2'></div> 

有有一個js FUNC，當我點擊按鈕「betTest做某些事情，並自動轉向標籤-2， 怎麼寫功能？

Answer 1

你可以寫上點擊按鈕，你可以使用activeoption setter

$('#betTest').click(function(){ 
    $("#tabs").tabs("option", "active", 1); 
}) 

演示改變接頭元件的有效選項卡中單擊處理：Fiddle

Answer 2

像這樣做不硬編碼的選項卡索引

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">Tab1</a></li> 
    <li><a href="#tabs-2">Tab2</a></li> 
    <li><a href="#tabs-3">Tab3</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <input type='button' value='test' id ='betTest' /> 
    </div> 
    <div id="tabs-2"> 
     <input type='button' value='test22' id ='betTest2' /> 
    </div> 
    <div id="tabs-3"> 

    </div> 
</div> 

然後在你的JS

$(function() { 
    $("#tabs").tabs(); 
    $("#betTest").click(function() 
      { 
      var tabToSelect = $('#tabs-2'); 
      tabIndexToSelect = tabToSelect.index() -1; 
      $("#tabs").tabs({ active: tabIndexToSelect }); 
      } 
     ); 
}); 

提琴手這裏

http://jsfiddle.net/rsmacaalay/CB2wJ/