tab插件,也是一个比较常用的插件,用来切换不同的页面用的。
直接上源码:
![](https://img-blog.csdnimg.cn/81fc7c0d47974120a2e7dcb72a7f1c62.png)
1 jQueryTab.js
import './jQueryCache.js'
$(function(){
if($('#ftab-css').length == 0) {
$('head').append(`<link href="../lib/jQueryTab.css" rel="stylesheet" id="ftab-css">`)
}
})
$.prototype.extend({
/**
* tab插件 鼠标悬浮在插件所在的文档流上的时候,可以通过滚轮来切换tab
* @param baseUrl 每个tab的url的基础地址
* @param tabList tab的url的集合
*/
ftab:function({baseUrl, tabList}) {
$.setCache('tabindex',0)
this.addClass('ftab')
if (tabList==null) {
throw new Error('tabList不能为空')
}
let headers = $("<div class='ftab-header-div'></