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

How to make a nav tab active from outside with a button?

本文关键字：导航 选项 激活 从外部 何使用 按钮      更新时间：2023-09-26
<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>

我正在使用下一个按钮来移动下一个选项卡。选项卡正在更改，但活动仅位于导航选项卡的第一个选项卡中。如何将活动选项卡从第一个更改为所选选项卡？

像

这样单击按钮时触发事件 

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