Как сохранить вкладку активным при перезагрузке страницы?

Question

Когда Save кнопка нажата страница получает перезагружается, как это так, с введением дополнительной parameter в url:

window.location.replace('https://www.servis-racunara.net/pages/users.php?new_column_added'); 

Итак, вот как я проверяю параметр погода устанавливается в пределах URL:

$(document).ready(function() { 
    if (window.location.search.indexOf('new_column_added') > -1) {} 
}); 

Итак, страница выглядит так:

Когда есть new_column_added в пределах URL-адреса (т. Е. При нажатии кнопки «Сохранить»), страница должна быть повторно ad, но вкладка Edit User List должна быть активной, и его содержимое должно быть там. Это, как вкладки создаются с помощью Bootstrap:

<ul id="mainTabs" class="nav nav-tabs users-tabs" role="tablist"> 
    <li id="glavniUseri" role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">View Users</a></li> 
    <li id="editUsers" role="presentation"><a href="#edit-user-list" aria-controls="profile" role="tab" data-toggle="tab">Edit User List</a></li> 
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Target Groups</a></li> 
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">API</a></li> 
</ul> 

И это, как мне удалось сделать Edit User List активный:

$(document).ready(function() { 
    if (window.location.search.indexOf('new_column_added') > -1) { 
     console.log('radii ovoo'); 
     $('#glavniUseri').removeClass('active'); 
     $('#editUsers').addClass('active'); 
}); 

Но все это, чтобы сделать Edit User List активным, но содержание View Users вкладки получает после перезагрузки. Я также пробовал сделать это:

$(document).on('load', function() { 
      var $link = $('li.active a[data-toggle="tab"]'); 
      $link.parent().removeClass('active'); 
      var tabLink = $link.attr('href'); 
      $('#mainTabs a[href="' + tabLink + '"]').tab('show'); 
     }); 

Но это тоже не работает. Я знаю, что подобные вопросы задавали раньше, но, похоже, ни одна из решений не соответствует моей ситуации. Итак, если у вас есть идея, пожалуйста, помогите, я застрял в этом.

Answer 1

попробовать этот код:

$(document).ready(function() { 
    if (window.location.search.indexOf('new_column_added') > -1) { 
     console.log('radii ovoo'); 
     $('#glavniUseri').removeClass('active'); 
     $('#editUsers').addClass('active'); 
     $('#edit-user-list').parent().find('.active').removeClass('active'); 
     $('#edit-user-list').addClass('active'); 
}); 

или:

$('a[href="#edit-user-list"]').tab('show'); 

https://jsfiddle.net/w8zjhamu/