javascript - 如何使用按钮从外部激活导航选项卡？

Question

<ul class="nav nav-tabs piluku-tabs " role="tablist">
    <li role="presentation" class="active">
        <a href="#home" aria-controls="home" role="tab" data-toggle="tab">Personal Detail</a>

    </li>
    <li role="presentation">

        <a href="#join" aria-controls="join" role="tab" data-toggle="tab">Joining Detail</a>
    </li>
    <li role="presentation">

        <a href="#education" aria-controls="education" role="tab" data-toggle="tab" id ="id2">Education Detail</a>
    </li>
    <li role="presentation">

        <a href="#experience" aria-controls="education" role="tab" data-toggle="tab">Experience Detail</a>
    </li>
</ul>

<a href="#join" aria-controls="join" role="tab" data-toggle="tab"><button type="button" class="btn btn-primary clickme">Next</button></a>

我正在使用下一个按钮移动下一个选项卡。该选项卡正在更改，但仅在导航选项卡的第一个选项卡中处于事件状态。如何将事件的第一个标签更改为选定的标签？

Answer 1

像这样点击按钮触发事件

$('.clickme').click(function(){
  $('.nav-tabs > .active').next('li').find('a').trigger('click');
});