Question

我想在asp.net中加载页面后将最后一个标签设置为活动状态，并尝试在＆＃34; li＆＃34;并在localstrage中设置它，但不显示最后一个标签。在这种情况下我该怎么办。请帮忙。非常感谢。

我尝试像这样设置jquery中的tab

 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中，我已经获得了最后一个标签

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

希望它会对你有所帮助:)。

如何设置标签li激活并在页面加载后显示

2 个答案: