自举源分析的选项卡(制表符)

此插件相对简单地实现选项卡选项卡的应用程序。

源文件:

tab.js

实现原理

1。单击一个元素时,首先取消原来的高亮元素。

2。然后突出显示单击的元素。

3,如果单击元素是下拉框中的一个选项,选择自己,然后选择下拉框。

5。如果定义了动画,则首先执行动画,然后执行回调。

源代码分析:

当单击单个元素时触发的1、show方法触发以下四个事件

1.1、hiden.bs.tab:隐藏元素

1.2、show.bs.tab:显示当前元素

1.3、hideen.bs.tab:隐藏完成的最后一个元素

1.4、shown.bs.tab:显示当前元素完成

1.5、隐藏/显示源代码:


以前ul.find美元美元= VAR('。主动:去年)
无功hideevent =美元。事件('hide。BS。标签,{
relatedtarget:美元{ 0 }
})
无功showevent =美元。事件('show。BS。标签,{
relatedtarget:$以前的{ 0 }
})


2,激活:激活当前对象



2.1。向导航元素添加扩展名属性,以标记此元素是否处于展开状态。



2.2。使用回流机制,局部的修改是通过获取offsetwidth属性实现

上述引导源分析选项卡(标签)是分享的全部内容,小编的,希望能给大家一个参考,我希望你能支持它。