Foundation - Referência de Tabs JavaScript

O Foundation fornece componentes JavaScript para as guias conforme listado abaixo -

Inicializando

Você pode inicializar o painel em JavaScript usando as foundation.tabs.js e foundation.core.js plugins. O plug-in Foundation.core.js requer as seguintes bibliotecas -

• foundation.util.keyboard.js

• foundation.util.timerAndImageLoader.js

Foundation.Tabs

Ele especifica a instância das guias conforme definido abaixo -

var my_element = new Foundation.Tabs(element);

As guias incluem os seguintes valores -

Sr. Não.	Nome e Descrição	Tipo
1	element Ele usa o objeto jQuery para as guias.	Número
2	options Ele substitui as configurações de plug-in padrão para as guias.	Objeto

Opções de plug-in

Você pode usar as seguintes opções de plug-in para personalizar a instância das guias.

Sr. Não.	Nome e Descrição	Exemplo
1	autoFocus Se você definir este plugin como verdadeiro, a janela irá rolar para o conteúdo do painel ativo no carregamento.	falso
2	wrapOnKeys Ele envolve o conteúdo em torno dos links da guia usando a entrada do teclado.	verdadeiro
3	matchHeight Ele corresponde à altura dos painéis de conteúdo da guia definindo-o como verdadeiro.	falso
4	linkClass É aplicado à lista de links 'li's na guia.	'tabs-title'
5	panelClass É aplicado aos contêineres de conteúdo.	'tabs-painel'

Eventos

As guias fornecem o seguinte evento, conforme listado na tabela -

Sr. Não.	Descrição do Evento
1	change.zf.tabs Ele dispara quando o plugin muda a guia com sucesso.

Funções

As guias fornecem as seguintes funções, conforme definido abaixo -

._handleTabChange

Ele lida com a guia $ targetContent especificada pela função $ target , conforme mostrado na tabela a seguir -

Sr. Não.	Nome e Descrição	Tipo
1	$target Isso abrirá a guia.	jQuery

.selectTab

É usado para selecionar o painel de conteúdo para exibir o conteúdo e pode ser especificado como mostrado na tabela a seguir -

Sr. Não.	Nome e Descrição	Tipo
1	elem Ele usa o objeto jQuery ou id do painel para exibir o painel de conteúdo.	jQuery

.destruir

Ele é usado para destruir a instância da guia.