Question

我正在使用带有6个标签的Bootstrap-Wizard，并且每个标签都必须保存表单数据按钮，在一个标签中保存数据后，页面将重新加载，以便默认情况下第一个标签变为活动标签，但我想将其设置为标签已激活，我保存了数据。

即：在第5个标签中保存数据后，我在第5个标签中保存数据只有第5个标签应该变为活动而不是第一个标签。

当我们在一个标签页中保存数据时重新加载，所以索引值在页面重新加载后变为0，所以当我点击下一个按钮时第二个标签变为活动状态（索引值1），它实际上不会转到下一个标签活动标签。

为了更好地理解我在下面添加类似的问题，请仔细阅读，

堆栈溢出问题

1，keep the current tab active with twitter bootstrap after a page reload?
2，如何在页面重新加载后使用twitter bootstrap保持当前选项卡处于活动状态？ 3，Bootstrap 3：在页面刷新时保持选中的选项卡

自举-向导： github.com/gilluminate/Bootstrap-Wizard

Page Example

Answer 1

试试这个。

$(document).ready(function(){
$('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
    localStorage.setItem('activeTab', $(e.target).attr('href'));
});
var activeTab = localStorage.getItem('activeTab');
if(activeTab){
    $('#myTab a[href="' + activeTab + '"]').tab('show');
}
else{ $('#myTab a:first').tab('show'); }
});

Bootstrap-Wizard如何在保存或提交数据后将默认活动选项卡（第一个选项卡）覆盖到上一个活动选项卡？

1 个答案: