bootstrap里的tab栏切换
2019-04-15 本文已影响0人
小番茄1009
1 在ul标签里面引入nav nav-tab的类即可实现相应的tab栏样式 其中 要为第一个li 标签添加active类名 以实现tab栏的切换
2 两种启用tab栏的方法 (1)data-tag或者data-pill属性到锚文本链接中(2) 通过JavaScript调用方法来启用
3 如果需要为标签页设置一个淡入淡出的效果 为每一个标签的 tab-pane类名后面 添加 fade 类名 并且在第一个标签添加in 这个类名 以至于第一次初始化的时候进行 ''淡入''效果
4 逻辑很重要!!!
刚刚看到有人说它的原理:
1单击一个元素的时候 将其他元素的高亮取消
2将当前点击的元素进行高亮显示
3如果单击的是某一个元素或者下拉的是某一 则进行本身+子元素选中
4如果定义了动画 先执行动画再进行回调
