更改按鈕上的活動標籤點擊

Question

我有兩個標籤jquery-ui生成。我在Tab1中做了一些事情，然後點擊按鈕，就會有一個AJAX調用，它在Tab2中顯示結果。

所以我想更改按鈕上的活動標籤點擊（在ajax調用完成後）。我可以這樣做嗎？

我創建了一個的jsfiddle here

---

我試圖onclick='$("#tabs-2").trigger("click") '>但它並沒有做任何事情。

Answer 1

使用onclick='$("#tabs").tabs("select", "tabs-2")'

http://jqueryui.com/demos/tabs/#method-select

Answer 2

隨着信息（如果後來有人絆倒在此和選擇方法得到一個錯誤） - 在jQuery的UI 1.9+，選擇方法已被否決。

（http://jqueryui.com/upgrade-guide/1.9/#deprecated-select-method）

使用選項的方法，例如：

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

Answer 3

您也可以嘗試

$(window).load(function(){ 
    $('#tabs-2').trigger('click'); 
}); 

那是因爲你不能觸發調用就緒模式選項卡（）。 document.ready比window.load更早執行。

Answer 4

爵士小提琴

http://jsfiddle.net/maheshvemuri/M7Fdu/

下面是代碼的JS部分：

$(document) .ready(function() { 
    $("#tabs").tabs(); 
    $(".btnNext").click(function() { 
      $("#tabs").tabs("option", "active", $("#tabs").tabs('option', 'active')+1); 
     }); 
     $(".btnPrev").click(function() { 
      $("#tabs").tabs("option", "active", $("#tabs").tabs('option', 'active')-1); 
     }); 
}); 

以下是你的標籤DIV

要添加的 「A HREF」 標籤

例如：

<div id="tabs-1"> 
<a class="myButton btnNext" style="color:white;">Next Tab</a> 
</div> 
<div id="tabs-2"> 
<a class="myButton btnPrev" style="color:white;">Previous Tab</a> 
<a class="myButton btnNext" style="color:white;">Next Tab</a> 
</div> 
<div id="tabs-3"> 
<a class="myButton btnPrev" style="color:white;">Previous Tab</a> 
</div> 

Answer 5

你必須要觸發呼叫「一」「麗」裏面，不喜歡它的完成直接標籤「格」。

<div id="tabs">  
    <ul> 
     <li><a id="lnk1" href="#tabs-1">tab1</a></li> 
     <li><a id="lnk2" href="#tabs-2">tab2</a></li>    
    </ul>  
    <div id="tabs-1"> 
    <button type="button" id="clicktab2" onclick='$("#lnk2").trigger("click");'> 
     go to tab2 
    </button> 
    </div> 
    <div id="tabs-2"> 
    tab2 content 
    </div> 
</div> 

例子：

http://jsfiddle.net/Tf9sc/152/