Jquery Tab链接到选项卡中的另一个选项卡

Question

我正在使用JQuery选项卡插件。

我想链接标签1中的内容带我到标签3，而不必点击标签3来到它。我该怎么做呢？

@redsquare ...所以，我修改它基于您的建议，我可以使所有的标签互相交互。这种改变是有效的，再次感谢，所以我想我想知道是否有更好的写作方式，或者这是最好的方式？

演示用最新的变化：http://jsbin.com/etoku3/

<script type="text/javascript"> 
    $(document).ready(function() { 
     var $tabs = $("#container-1").tabs(); 
      $('a.tab1').click(function(){$tabs.tabs('select', 0);}); 
      $('a.tab2').click(function(){$tabs.tabs('select', 1);}); 
      $('a.tab3').click(function(){$tabs.tabs('select', 2);}); 
      $('a.tab4').click(function(){$tabs.tabs('select', 3);}); 
      $('a.tab5').click(function(){$tabs.tabs('select', 4);}); 
    }); 
</script> 

Answer 1

您可以使用您的标记here

Answer 2

如果链接将是一个需要Tabs select method

如

$('#anchor').click(function(){ 

    $('#tabs').tabs("select" , 2) 

}); 

演示经常发生，fo llowing设计可以使用：

<script lang="text/javascript"> 
$('.tablink').live('click', function(){ 
    $('#container-1').tabs('select', $(this).attr('rel')); 
}); 
</script> 

和身体有以下链接：

<span class="tablink" rel="2">Link to tab 2</span> 

或

<a href="" class="tablink" rel="2">Link to tab 2</a> 

Answer 3

语义的解决方案：

$(document).ready(function() { 
$('a.directTab').click(function(){ 
    var tabWanted = $(this).attr('rel').split('-')[1]; 
    $('#container-1').tabs("select" , tabWanted); 
    }); 
}); 

如果你有与“点击”阿隆问题e事件，你可以使用“live”。

的链接，更换由选项卡中的 “相对” 属性想：

<a class="directTab" rel="fragment-3">want this text</a> to link to tab 3 

否则试试这个侵扰代码：此代码是

<a onclick="$('#container-1').tabs('select', 2);">want this text</a> to link to tab 3 

Answer 4

$('#tabs').tabs({ selected: "#tabs-1" }); 

Answer 5

$("#your button or what uou want to clivk").live('click',function() 
    { 

     $('#tabs').tabs({ selected: "#tabs-1" }); 
    }); 

指向标签1.您可以使用＃tabs-2或＃tabs-3。您想要打开哪个标签。