Jquery选项卡从选项卡中的内容链接到另一个选项卡

我正在使用JQuery选项卡插件

我想链接选项卡1中的内容，将我带到选项卡3，而不必单击选项卡3来访问它。我该怎么做

@红场。。。因此，我根据您的建议对其进行了修改，这样我可以使所有选项卡相互交互。再次感谢你，这个改变很有效，所以我想我想知道是否有更好的方式来写这个，或者这是最好的方式

最新更改的演示：

你需要

e、 g

---

使用标记演示

如果链接很常见，可以使用以下设计：

<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>

或

语义解决方案：

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

如果单独单击事件有问题，可以使用live

对于链接，可以使用所需的选项卡替换rel属性：

<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 

---

在这段代码中，它指向表1。您可以使用tabs-2或tabs-3。您要打开哪个选项卡。

非常有趣！我更新了我的帖子以反映你的建议。我希望所有的标签都能从任何一个标签上相互作用，而不仅仅是一个标签。天哪，我想你明白了！现在，这是一些链接标签交换的权利！第二个问题出现了，有没有办法让标签页也将焦点放在页面顶部？请看，在本例中，当您向下滚动并单击链接时，您会注意到选项卡确实会切换，但它不会将您带到页面顶部以查看内容的顶部。这将不起作用，因为选项卡小部件会阻止链接传播到我们的cms中live ListensAso所在的主体，rel在链接属性中不可用。

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

<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 

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

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

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