如何使用jQuery记住最后选择的选项卡？

Question

我希望我的jquery UT选项卡能够记住最后一个选项卡是formubmit / page刷新后的默认选项卡，依此类推，我的解决方案的html代码如下所示：

我还没有找到一个实际工作的芒果，所以欢迎使用芒果。

<div class="row">   
    <div class="col-md-12">
        <div class="tab-base">
            <!--Nav Tabs-->
            <ul class="nav nav-tabs">
                <li class="active">
                    <a data-toggle="tab" href="#demo-lft-tab-1">Tab1</a>
                </li>
                <li>
                    <a data-toggle="tab" href="#demo-lft-tab-2">Tab2</a>
                </li>
                <li>
                    <a data-toggle="tab" href="#demo-lft-tab-3">Tab3</a>
                </li>
            </ul>
            <!--Tabs Content-->
            <div class="tab-content">
                <div id="demo-lft-tab-1" class="tab-pane fade active in">
                    //somthimg here
                </div>
                <div id="demo-lft-tab-2" class="tab-pane fade">
                    //somthimg here
                </div>
                <div id="demo-lft-tab-3" class="tab-pane fade">
                    //somthimg here
                </div>
            </div>
        </div>
    </div>
</div>  

我的js脚本：但是这在formubmit /或移动到另一个页面然后返回后不起作用。

   $('a[data-toggle="tab"]').click(function(e) {
        var hash = $(this).attr('href');
        location.hash = hash;
    });
    $(function() {
        var hash = window.location.hash;
        var $nav = $('ul.nav a[href="' + hash + '"]');
        hash && $nav.trigger('click');
    });