首页 文章

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

提问于
浏览
0

我正在使用带有6个选项卡的Bootstrap-Wizard并且每个选项卡都必须保存表单数据按钮,在一个选项卡中保存数据之后页面将被重新加载,因此默认情况下第一个选项卡变为活动选项卡但我想使该选项卡处于活动状态,我保存了该选项卡数据 .

即:在第5个选项卡中保存数据后,我在第5个选项卡中保存数据仅第5个选项卡应该变为活动而不是第一个选项卡 .

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

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

stack overflow question

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

Bootstrap-Wizard: github.com/gilluminate/Bootstrap-Wizard

Page Example

1 回答

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

相关问题