bootstrap.v3标签页tab.js源码疑问

发布于 2022-09-04 13:10:17 字数 869 浏览 9 评论 0

背景

最近在写自己的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]
  })

自己的探索

  1. 单独提取tab.js,可以直接执行,所以是没有依赖其他的widget/util的

  2. 删除掉所示的两段代码,还是可以正常使用的

  3. 学习了一下jQ的$.Event和trigger的API,似乎在这里写的东西让我迷惑

请教

所示的两段代码起到了什么作用?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

呢古 2022-09-11 13:10:18

定义了一些相应事件的钩子函数,不影响主要功能的,不知道结合这个文档再看一下源代码是否清楚一点
clipboard.png

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文