bootstrap.v3标签页tab.js源码疑问
背景
最近在写自己的js插件库,主要是参考bootstrap来写,因为需要tab.js,所以直接抄bootstrap的了,但是有些地方不懂
问题
tab.js下,以下两段代码起到了什么作用?
// line 39 - 47
var hideEvent = $.Event('hide.bs.tab', {
relatedTarget: $this[0]
})
var showEvent = $.Event('show.bs.tab', {
relatedTarget: $previous[0]
})
$previous.trigger(hideEvent)
$this.trigger(showEvent)
// line 55 - 62
$previous.trigger({
type: 'hidden.bs.tab',
relatedTarget: $this[0]
})
$this.trigger({
type: 'shown.bs.tab',
relatedTarget: $previous[0]
})
自己的探索
单独提取tab.js,可以直接执行,所以是没有依赖其他的widget/util的
删除掉所示的两段代码,还是可以正常使用的
学习了一下jQ的$.Event和trigger的API,似乎在这里写的东西让我迷惑
请教
所示的两段代码起到了什么作用?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
定义了一些相应事件的钩子函数,不影响主要功能的,不知道结合这个文档再看一下源代码是否清楚一点