Fundação - Referência de JavaScript fora da tela

O Foundation fornece componentes JavaScript para o Off-canvas conforme listado abaixo.

Inicializando

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

foundation.util.triggers.js
foundation.util.motion.js

Foundation.OffCanvas

Ele especifica a instância do wrapper fora da tela, conforme definido abaixo -

var my_element = new Foundation.OffCanvas(element);

O Off-canvas inclui os seguintes eventos, conforme listado na tabela -

Sr. Não.	Nome e Descrição	Tipo
1	element Ele inicializa o objeto jQuery.	Objeto
2	options Ele substitui as configurações padrão do plugin.	Objeto

Opções de plug-in

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

Sr. Não.	Nome e Descrição	Exemplo
1	closeOnClick Ele fecha o menu quando o usuário clica fora do menu.	verdadeiro
2	transitionTime Ele especifica o tempo necessário para abrir e fechar a transição em ms.	500
3	position Ele define a direção de onde o fora da tela deve abrir.	esquerda
4	forceTop Ele força a página a rolar para o topo assim que é aberta.
5	isRevealed Ele abrirá o fora da tela até atingir os pontos de interrupção restantes.	falso
6	revealOn Ele define o ponto de interrupção no qual revelar o Fora da tela.	revelar para grande
7	autoFocus Ele se concentra em fora da tela quando ele será aberto.	verdadeiro
8	revealClass Essa classe é usada para forçar um fora da tela a permanecer aberto.	revelar para grande

Eventos

Fora da tela fornece os seguintes eventos, conforme listado na tabela -

Sr. Não.	Nome e Descrição
1	opened.zf.off-canvas Ele aciona o evento quando abre o menu fora da tela.
2	closed.zf.off-canvas Ele aciona o evento quando abre o menu fora da tela.

Funções

Fora da tela fornece as seguintes funções, conforme definido abaixo -

.revelar

Ele abrirá o fora da tela até atingir os pontos de interrupção restantes. Ele tem a seguinte função, conforme especificado na tabela -

Sr. Não.	Nome e Descrição	Tipo
1	isRevealed Ele revela o elemento se esta função for definida como verdadeira.	boleano

.abrir

Isso abrirá o menu fora da tela. Ele tem as seguintes funções, conforme especificado na tabela -

Sr. Não.	Nome e Descrição	Tipo
1	event Ele passa o objeto de evento do ouvinte.	Objeto
2	trigger Ele aciona um elemento para abrir o fora da tela.	jQuery

.Fechar

Ele fecha o menu fora da tela.

.alternancia

Ele alterna o menu fora da tela. Ele tem as seguintes funções, conforme especificado na tabela -

Sr. Não.	Nome e Descrição	Tipo
1	event Ele passa o objeto de evento do ouvinte.	Objeto
2	trigger Ele aciona um elemento para abrir o fora da tela.	jQuery

.destruir

Ele destrói o plug-in fora da tela.

↰ Previous page