javascript - 运行函数时模拟单击以查看选项卡

Question

我在项目中使用以下选项卡：

//Tabs
$('ul.tabs').each(function(){

  var $active, $content, $links = $(this).find('a');

  $active = $links.first().addClass('active');
  $content = $($active.attr('href'));

  $links.not(':first').each(function () {
    $($(this).attr('href')).hide();
  });

  $(this).on('click', 'a', function(e){

    $active.removeClass('active');
    $content.hide();

    $active = $(this);
    $content = $($(this).attr('href'));

    $active.addClass('active');
    $content.show();

    e.preventDefault();
  });
}); //End Tabs

HTML如下：

<ul class='tabs'>
<li><a href='#tab1'>Tab 1</a></li>
<li><a href='#tab2'>Tab 2</a></li>
<li><a href='#tab3'>Tab 3</a></li>
</ul>
<div id='tab1'></div>
<div id='tab2'></div>
<div id='tab3'></div>

我遇到的问题是我想在活动选项卡中运行一个函数，然后自动选择另一个选项卡，其中将显示先前执行的代码的结果。

我不确定如何模拟单击以自动选择下一个选项卡，因此将不胜感激任何帮助！

提前致谢。

Answer 1

模拟点击的一种简单方法是使用.trigger()

$("#tab2").trigger("click"); //when you need in the function