bootstrap的tab选项卡

来源:互联网 发布:游戏辅助编程 编辑:程序博客网 时间:2024/05/21 14:04
<div class="container">        <ul class="nav nav-tabs/nav-pills">            <li class="active"><a href="#A" data-toggle="tab">公告</a></li>            <li><a href="#B" data-toggle="tab">规则</a></li>            <li><a href="#C" data-toggle="tab">论坛</a></li>            <li><a href="#D" data-toggle="tab">内容</a></li>        </ul>        <br />        <div class="tab-content">            <div class="tab-pane active" id="A">公告内容</div>            <div class="tab-pane" id="B">规则内容</div>            <div class="tab-pane" id="C">论坛内容</div>            <div class="tab-pane" id="D">内容内容</div>        </div>    </div>

这里写图片描述

JS触发

$(".nav-tabs.li.a").click(function(){    $(this).tab("show/hide/toggle");});
0 0
原创粉丝点击