Simple and Easy JQuery Tab plugin. Online Demo and Download

• Support static, dynamic, remote way to load content.
• Support context menu and 'Close, Close Others, Close All' actions.
• All setting 3 height styles for each tab, include: fit component, fit content and fixed。
• You can use mousewheel to scroll tab headers.
• Easy to customize style.

speed

Scroll speed of tabs bar, default = 6.

tabWidth

The width of each tab's head button, default = 90.

tabHeight

The height of each tab's head button, default = 26.

hbarHeight

The mask bar under tab head bar, it is useful for customize style, default = 2.

Tab Config

• code: Tab unique name.
• title: Tab title.
• height: Tab height style for each of tab. Optional.
  • default: Tab height fit the component height.
  • auto: Tab height is decided by content of it.
  • number: This value will be set to CSS height property directly.
• el: Element or HTML frag which you want to put in. Optional.
• url: Tab content url. Optional.
• autoLoad: Load tab content automatically. Default true.
• closeable: Can close or not. Default false.
• bodyCls: Extra class for body of current tab. Optional.

onCloseTab(m, c, a)

It is triggered before a tab be closed, return false to prevent be closed.

• m: This component self.
• c: Name of this closing tab.
• a: Element of this tab's head.

onLoadPage(m, a, b, p)

It is triggered when a page be loaded into a tab.

• m: This component self.
• a: Element of this tab's head.
• b: Element of this tab's body.
• p: Config object of this tab.

onShowTab

It is triggered when a tab be actived.

• m: This component self.
• a: Element of this tab's head.
• b: Element of this tab's body.
• p: Config object of this tab.

closeTab(c, [a])

Close a tab by name.

• c: tab name
• a: tab head button, optional

closeTabs([x])

Close all closable tabs.

• x: Except the tab which name is x, optional

addTab(p, n)

Add a tab.

• p: Config object of new tab.
• n: Position index for insert.

scroll(a)

Scroll tab head bar and select a tab。

• a: Tab head button.

hscroll()

Start horizontal scroll.

select(c)

select a tab.

• c: Tab name

selectFirst()

Select the first tab.

Copyright © 2011. All rights reserved  蜀ICP备2021023714号-1   QQ: 7213571  E-mail: pyh_jerry@163.com