更改按钮上的活动标签点击

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/