Bootstrap Tab Yapısında Sekmeyi Seçili Getirmek

Bootstrap'ta özellikle tab yapısını panel kısımlarında kullanıyor ve ajax işlemleri sonucu yapılan sayfa yönlendirmelerinde aynı sekmeye dönüş sağlayamıyorsanız aşağıda ki çözümü kullanabilirsiniz.

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

Birden fazla tab yapısı varsa musteriPaneliTab adını değiştirmelisiniz.  Bu key ile local storage'te tarayıcıda saklanacaktır. Bu şekilde sayfayı kapatsa dahi daha sonra tekrar gelen ziyaretçi aynı sekmede kalacaktır.