jquery
厚积而薄发1528
纵化大浪中,不喜亦不惧。应尽便须尽,无复疑多虑。
展开
-
原生css+js实现tab切换功能
现在很多的ui框架都集成了tab功能,使用过程中只需按照他们的api套用即可,但在有时jquery项目中会觉得为了一个tab功能再单独调用一个ui库有些小题大做,所以博主这里推荐了原生tab的实现分析:通过display属性控制每一个tab的显示以下是图片示例:以下是代码部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=原创 2020-06-17 11:27:36 · 622 阅读 · 0 评论 -
slick插件在tab中不显示(和display:none 冲突)
slick是一款非常强大的轮播组件,所以很多地方都会使用到。最近项目出现了这种情况,就是在tab页中使用slick组件,因为tab是display属性控制的,当轮播slick在隐藏的tab中是不会显示的,因此就造成了,切换tab到轮播页面的时候轮播组件未正常工作,出现轮播页空白的情况。这里其实slick api有提供对应的解决方案,那就是refresh()这个方法,我们要做的就是在tab页切换的时候调用一下refresh方法,让轮播组件重新加载一遍。以下是具体方案:<style>原创 2020-06-17 10:32:00 · 1368 阅读 · 0 评论