gpt4 book ai didi

javascript - 事件选项卡是动态更改的,但单击页面上的任意位置更改为第一个选项卡处于事件状态

转载 作者:行者123 更新时间:2023-12-02 16:13:19 25 4
gpt4 key购买 nike

我的 View 中有以下选项卡

<div class="tabbable">
<ul class="nav nav-tabs padding-18">
<li class="active">
<a aria-expanded="false" data-toggle="tab" href="#Tab1">
<i class="green ace-icon fa fa-home bigger-120"></i>
Tab 1
</a>
</li>
<li class="">
<a href="#Tab2" data-toggle="tab" aria-expanded="false">
<i class="orange ace-icon fa fa-clock-o bigger-120"></i>
Tab2
</a>
</li>
</ul>
</div>


<div class="tab-content no-border padding-24">
<div id="Tab1" class="tab-pane active">
...
</div>
<div id="Tab2" class="tab-pane">
...
</div>
</div>

如何动态更改事件选项卡,从 Tab1 到 Tab2。

我已经尝试过这个:

  $('.nav-tabs li:eq(1) a').tab('show');    
$('#Tab2').on('click', function() {
$('.nav-tabs li:first-child a').tab('show');
});

效果很好,它会更改事件选项卡但首先单击页面上的任意位置再次将选项卡更改为第一个选项卡。如何解决这个问题

最佳答案

你的问题不清楚,但试试这个。

根据您必须转到第 n 个选项卡的任何条件:

if(yourCondition)
$('.nav-tabs li:nth-child(n) a').trigger('click');

关于javascript - 事件选项卡是动态更改的,但单击页面上的任意位置更改为第一个选项卡处于事件状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29914644/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com