javascript - 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]
  })

自己的探索

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

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

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

请教

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

解决方案

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

这篇关于javascript - bootstrap.v3标签页tab.js源码疑问的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！