web前端全系列 教程
1839个小节阅读:2244.3k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
添加快速、动态标签页切换功能
xxxxxxxxxx
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">首页</a></li>
<li><a href="#profile" data-toggle="tab">个人中心</a></li>
<li><a href="#messages" data-toggle="tab">消息</a></li>
<li><a href="#settings" data-toggle="tab">设置</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home">首页</div>
<div class="tab-pane" id="profile">个人中心</div>
<div class="tab-pane" id="messages">消息</div>
<div class="tab-pane" id="settings">设置</div>
</div>
xxxxxxxxxx
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
e.target // newly activated tab
e.relatedTarget // previous active tab
})
实时效果反馈
1. 下列事件处理中,可以获取到切换到当前选项卡的属性是:
xxxxxxxxxx
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
____
})
A e.target
B e.relatedTarget
C e.currentTarget
D this
答案
1=>A