Bootstrap 标签页Tab插件的事件

事件

Bootstrap标签页Tab插件有两个事件，分别是 show 和 shown，这两个事件的含义见表 5‑3。

表 5‑3 标签页事件及含义
事件	含义
show	标签页显示之前，触发该事件。使用 event.target 和 event.relatedTarget 分别获取当前活动的标签页和上一次活动的标签页（如果有的话）
shown	标签页被显示，并且CSS动画也播放结束之后，触发该事件。使用 event.target 和 event.relatedTarget 分别获取当前活动的标签页和上一次活动的标签页（如果有的话）

以下是使用 shown 事件的例子：

<script>
$('a[data-toggle="tab"]').on('shown', function (e) {
e.target // 当前活动的标签页
e.relatedTarget // 上一次活动的标签页
})
</script>
关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap 标签页Tab插件的事件相关推荐

Bootstrap 标签页Tab插件使用方法
标签页 Bootstrap标签页Tab插件需要 bootstrap-tab.js 文件支持,在使用该插件之前,应该导入 jQuery 和 bootstrap-tab.js 文件. 调用方式 1.dat ...
bootstrap 标签页tab切换js（含报错原因）
booststrap 标签页的tab切换,相信大家已经都很熟悉了,在boot官网示例以及其他网站已经很多罗列相关代码的了,这里就不赘述了.这里主要贴下让boot标签页默认显示哪个标签页的js. 主要留 ...
bootstrap标签页
bootstrap标签页导航需要注意href="#home",这个home对应下面标签内容的的id的home名字要一样,不然不会切换 <ul id="myTa ...
「谷歌插件」这是一款我认为最好的标签页扩展插件
不知道大家每天早上第一时间打开浏览器看到的是什么画面? 是否也有人跟我一样在寻找一款完美的「标签页」插件,在用过Infinity.OneTab.Momentum等插件后,浏览器主页的美化追求的不过是内 ...
待办事项桌面插件_让浏览器重获整洁——标签页管理插件：OneTabOneTab PlusToby...
1 什么是标签页管理插件 chrome浏览器虽然为用户提供了一个非常方便的打开新标签页的方法,但是随着用户浏览网页的时间增长,用户在一个chrome窗口中打开的标签页会越来越多,当这些标签页过多的时候 ...
UI素材|标签页 Tab实用案例，可临摹学习
在导航类中有一种很基础也很重要的模块:tab选项卡与分段控件.它们功能一致,分别来自于安卓和苹果.其物理原型为书本上的小标签: 标签页 Tab 用于让用户在不同的视图中进行切换:标签数量,一般 2-4 ...
Edge浏览器使用 Infinity 新标签页 (Pro)插件
Edge浏览器安装Infinity 新标签页 (Pro)插件后,浏览器界面如下: 当关闭浏览器,再次打开时,界面又还原为: 这时我们点击浏览器右上角的3个点,在弹出界面点击"设置" ...
使用bootstrap标签页
关键字:使用标签页,静态调用html页面(使用iframe内联框架) 完整代码如下: <!DOCTYPE html> <htmllang="en"> < ...
bootstrap --- 标签页切换
很多时候,我们希望写一个简单的标签页.以下使用bootstrap来实现- 首先导入bootstrap的依赖:jquery的依赖.bootstrap的依赖注意: jquery的依赖要在bootstra ...

Bootstrap 标签页Tab插件的事件

事件

Bootstrap 标签页Tab插件的事件相关推荐

最新文章

热门文章