Question

我正在使用jquery Tabs来创建我的标签。我有以下HTML代码：

<div class='product-children-menu'>
   <ul>
      <li><a href='#12345'>Stuff link</a></li>
      <li><a href='#67890'>More Stuff Link</a></li>
   </ul>
</div>

<div class='children'>
  <div id='12345'>Stuff here</div>
  <div id='67890'>More Stuff</div>
</div>

我希望能够在页面上使用单独的链接（最好是包装图像的标签），这样当我点击图像时，它会切换并显示相应的标签。我怎么能这样做？

Answer 1

您可以使用active设置器，如下所示：

$('.myLink').click(function(e) {
    $( ".myTabs" ).tabs( "option", "active", 1 ); // 1 is tab index
});

Answer 2

我也想出了另一种方法：

$('.activate-children-menu-tab').click(function (e) {
    var href = $(this).attr('href');
    var children = $('ul#product-children-menu').find('li a');
    children.each(function() {
       var $this = $(this);
        if($this.attr('href') === href) {
           $this.trigger('click');
       }
    });
});

当点击具有activate-children-menu-tab类的链接时，它会触发相应的标记链接。

jQuery选项卡：从选项卡组外部切换链接

2 个答案: