Question

我正在使用JQuery标签插件。

我想链接标签1中的内容，转到标签3，而不必点击标签3即可。我该怎么做？

@redsquare ...所以，我根据你的建议修改了它，我可以让所有标签互相交互。这个改变有效，再次感谢，所以我想我想知道是否有更好的写作方式或者这是最好的方式吗？

<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

您需要Tabs select method

e.g

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

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

});

使用您的标记演示here

Answer 2

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

Answer 3

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

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

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

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

在此代码中，它指向选项卡1.您可以使用＃tabs-2或＃tabs-3。你想打开哪个标签。

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

5 个答案: