如何使用引导选项卡？ – 开发百科-程序代码问答平台

我试图了解如何做到这一点：http://getbootstrap.com/javascript/#tabs

我认为文档不够详细，因为我无法理解它是如何工作的

&lt；div class=“container”&gt；
&lt；ul class=“导航标签”&gt；
&lt；li class=“导航激活”&gt&书信电报；a href=”“data toggle=“tab”&gt；A&lt/a&gt&lt/李&gt；
&lt；li class=“nav”&gt&书信电报；a href=”“data toggle=“tab”&gt；B&lt/a&gt&lt/李&gt；
&lt；li class=“nav”&gt&书信电报；a href=”“data toggle=“tab”&gt；C&lt/a&gt&lt/李&gt；
&lt/ul&gt；
&lt；！--选项卡窗格--&gt；
&lt；div class=“选项卡内容”&gt；
&lt；div class=“选项卡窗格淡入活动”id=“A”&gt；选项卡A中的内容&lt/部门&gt；
&lt；div class=“tab pane fade”id=“B”&gt；选项卡B中的内容&lt/部门&gt；
&lt；div class=“tab pane fade”id=“C”&gt；选项卡C中的内容&lt/部门&gt；
&lt/部门&gt；
&lt/部门&gt；

这个密码给了我想要的

但是，我无法在选项卡之间切换

所以问题是：我应该添加什么JQuery或Javascript代码来让它工作？示例中显示的内容不起作用：(

此代码适用于：

&lt；div class=“container”&gt；
&lt；ul class=“导航标签”&gt；
&lt；li class=“nav active”&gt；&lt；a href=”“data toggle=“tab”&gt；a&lt；/a&gt；&lt；/li&gt；
&lt；li class=“nav”&gt；&lt；a href=“data toggle=“tab”&gt；B&lt；/a&gt；&lt；/li&gt；
&lt；li class=“nav”&gt；&lt；a href=“data toggle=“tab”&gt；C&lt；/a&gt；&lt；/li&gt；
&lt；/ul&gt；
&lt；！--选项卡窗格--&gt；
&lt；div class=“选项卡内容”&gt；
&lt；div class=“选项卡窗格淡入活动”id=“A”&gt；选项卡A内的内容&lt；/div&gt；
&lt；div class=“选项卡窗格淡入淡出”id=“B”&gt；选项卡B内的内容&lt；/div&gt；
&lt；div class=“tab pane fade”id=“C”&gt；选项卡C中的内容&lt；/div&gt；
&lt；/div&gt；
&lt；/div&gt；
&lt；脚本src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js“&gt；&lt；/script&gt；
&lt；！--最新编译和缩小的CSS--&gt；
&lt；link rel=“样式表”href=”https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css“&gt；
&lt；！--可选主题--&gt；
&lt；link rel=“样式表”href=”https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css“&gt；
&lt；！--最新编译和精简的JavaScript--&gt；
&lt；脚本src=”https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js“&gt；&lt；/script&gt；

相关文章：

发表评论 取消回复

发表评论取消回复