如何将选项卡li设置为活动，并在页面加载后显示

Question

我想在asp.net中加载页面后将最后一个选项卡设置为活动，我试图在"li"中获取id并将其设置在localstrage中，但没有显示最后一个标签。在这种情况下我该怎么办。请帮忙。非常感谢。

我试着像这个一样在jquery中设置选项卡

 function SETactive() {
        var activeID = $("#myTab li.active").attr('id').toString();
        localStorage.setItem('lastTab', activeID);
        var lastTab = localStorage.getItem('lastTab');
        if (lastTab) {
            $("#opd_tab").removeClass('active');
            $("#"+lastTab).addClass('active');
            $("#"+lastTab).tab('show');
        }
    }

在activeID中，我得到了最后一个选项卡allready

 <ul class="nav nav-tabs" role="tablist" id="myTab">
     <li class="active" id="opd_tab"><a href="#opdForm" role="tab" data-toggle="tab">Medical Certificate OPD Form</a></li>
     <li id="ipd_tap"><a href="#ipdForm" role="tab" data-toggle="tab">Medical Certificate IPD Form</a></li>                                   
 </ul>

Answer 1

根据引导程序参考页面：http://getbootstrap.com/javascript/#tabs你可以用激活一个选项卡吗

<script>  
$(function () {
   $('#myTab a:last').tab('show')
})
</script>

所以你可以很容易地在你的情况下尝试这个

$('#ipd_tap a').tab('show')

您需要使用a标记而不是li，并且不要尝试自己添加或删除active类，让插件为您完成

Answer 2

使用此代码：-

// get the actual pathname:
var path = location.pathname;
// filter menu items to find one that has anchor tag with matching href:
$('#myTab li').filter(function(){
    return '/' + $('a', this).attr('href') === path;
// add class active to the item:
}).addClass('active');

希望它能帮助你：）