方法

目前只提供以下API,且api的命名基本上都是见名知义,且大多都在例子中有使用过。

如果无法满足您的需求，您需要一些特别的api,可以直接提issues,一起讨论。

静态方法

get

• 参数: id

• 详情:

  可以根据初始化时的id快速得到Quicktab的实例

• 示例:

<div class="my-tab"></div>


<script>

    const qtab = new Quicktab('.my-tab',{
        id:'qtab1'//唯一标志
    })

    console.log(qtab === Quicktab.get('qtab1')) //true
    
</script>

实例方法

addTab

• 参数: option

• 详情:

这是最核心的方法,添加Tab,参数是一个单tab对象其中只有url是必填的，其它都走默认值

• 示例:

添加Tab

const qtab = new Quicktab('#qtab')
qtab.addTab({
    url:'/user/add',
    title:'添加用户'
})

closeActiveTab()

• 参数: undefined

• 返回: Quicktab

• 详情:

  关闭当前激活的Tab,这个api特别有用,使用的频率还算比较频繁

closeTabByUrl

• 参数: url

• 详情:

  根据url来关闭Tab

activeTabByUrl

• 参数:

  • url
  • scrollToTab - 一个boolean值,是否滚动到Tab所在位置 默认: false

• 详情:

  根据url来激活Tab

scrollToTabByUrl

• 参数: url

• 详情:

  滚动到指定url对应的Tab的位置

prevScroll

• 参数: undefined

• 详情:

  向左滚动一个Tab容器可视单位

nextScroll

• 参数: undefined

• 详情:

  向右滚动一个Tab容器可视单位

refreshTabByUrl

• 参数: url

• 详情:

  根据url来刷新Tab

fullscreenTabByUrl

• 参数: url

• 详情:

  根据url全屏显示Tab

refreshActiveTab

• 参数: undefined

• 详情:

  刷新当前激活的Tab

fullscreenActiveTab

• 参数: undefined

• 详情:

  全屏显示当前激活的Tab

scrollToActiveTab

• 参数: undefined

• 详情:

  滚动到当前激活的Tab所在位置

openNewTabByUrl

• 参数: url

• 详情:

  在浏览器新选项卡打开指定url的Tab

closeAllTabsExceptByUrl

• 参数: url

• 详情:

  关闭所有的除了指定url的Tab

closePrevAllTabsByUrl

• 参数: url

• 详情:

  关闭除了指定url的Tab前面所有的选项卡

closeNextAllTabsByUrl

• 参数: url

• 详情:

  关闭除了指定url的Tab后面所有的选项卡

getTabWindowByUrl

• 参数: url

• 详情:

  获取指定url的Tab的contentWindow对象