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

时间:2015-12-08 08:35:52

标签: javascript jquery twitter-bootstrap tabs

我正在使用带有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

1 个答案:

答案 0 :(得分:0)

试试这个。

$(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'); }
});