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。您想要打開哪個標籤。