boostrap 多个页签点击某一个进去返回后还是出现在某个页签上

最新推荐文章于 2022-05-02 15:32:29 发布

qq_26676207

最新推荐文章于 2022-05-02 15:32:29 发布

阅读量498

点赞数

分类专栏： js 文章标签： boostrap

本文链接：https://blog.csdn.net/qq_26676207/article/details/70226059

版权

js 专栏收录该内容

53 篇文章 2 订阅

订阅专栏

boostrap  多个页签  点击某一个进去 返回后还是出现在某个页签上
 <div>
        <div style="position: fixed;width:100%;z-index: 1000;">
            <div class="page-header">
                <a class="goback" href="javascript:;">
                    <img src="/bopmain/images/mobile/goback.png" style="width:20px;"><span class="gobackTxt">返回</span>
                </a>
                <h1>督查督办</h1>
            </div>
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" id="cbsx"  class="active"><a href="#home"  aria-controls="home" role="tab" data-toggle="tab">承办事项</a></li>
                <li role="presentation" id="dbtz" οnclick="getDbtz()" ><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">督办通知</a></li>
            </ul>
        </div>
        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">
			 </div>
			 <div role="tabpanel" class="tab-pane" id="profile">
            </div>
        </div>
    </div>
 </div>

<script>
	//cbsx 为第一个页签li标签id
	 setTimeout(function() {
				 $('#' + (localStorage.getItem('activeTab') || 'cbsx')).find('a').click()
		 })
     
     $('.nav-tabs').on('click', 'li', function() {
    	 
         localStorage.setItem('activeTab', this.id)
     })
</script>