我正在使用带有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
答案 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'); }
});