自举源分析的选项卡(制表符)
此插件相对简单地实现选项卡选项卡的应用程序。源文件:
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属性实现
上述引导源分析选项卡(标签)是分享的全部内容,小编的,希望能给大家一个参考,我希望你能支持它。