Javascript 使用ajax的引导响应表活动选项卡

所以我使用Bootstrap的响应表：

<ul class='nav nav-tabs first-table'>
<li><a href='#1' data-toggle='tab'>Tab 1</a></li>
<li><a href='#2' data-toggle='tab'>Tab 2</a></li>
<li><a href='#3' data-toggle='tab'>Tab 3</a></li>
</ul>
<div class='tab-content margin-bottom'>

但我也使用Ajax在用户单击“下一步”或“上一步”按钮时动态更新表，每当发生这种情况时，我都会重新运行脚本以保持第一个选项卡处于活动状态：

$('.first-table a:first').tab('show');

但是，如果用户在单击“下一步”或“上一步”之前已经切换了表上的选项卡，那么Ajax会将用户带回第一个选项卡。有没有一种方法可以创建一个全局变量来跟踪当前哪个选项卡处于活动状态，并以某种方式将其输入Ajax脚本？我还尝试将“a:first”更改为“a:second”，以查看是否可以更改默认的活动选项卡，但这也不起作用

---

对不起，如果这是一个冗长的方式问一个非常简单的问题。我对很多这方面都是新手，一直都很艰难。

你可以很好地做到这一点

首先将选项卡的默认值保存在变量中：

var selected='#1'; //#1 is the 'href' of your tab's anchor tag

$('.first-table a').on('click',function(){
    selected = $(this).attr('href');
});

然后单击任意选项卡，将href保存到变量中：

var selected='#1'; //#1 is the 'href' of your tab's anchor tag

$('.first-table a').on('click',function(){
    selected = $(this).attr('href');
});

最后，在AJAX响应中，您可以执行以下操作：

$('.first-table a[href="'+selected+'"]').tab('show');

下面是一个演示，其中“重置”按钮充当AJAX，以及如何在重置后恢复选项卡

---

制作小提琴。这将使我们更容易帮助您我使用了fiddle，但我的很多代码都是PHP，fiddle似乎不支持PHP。是否有任何特定的代码区域我可以粘贴，这将有助于？只是想再次表示感谢！这让人大开眼界，真的很有帮助！假设我在同一页上有两个相同的表，并且想记住这两个选项卡。有没有办法做到这一点？