Fundación - Referencia de JavaScript fuera del lienzo

Foundation proporciona componentes de JavaScript para Off-canvas como se indica a continuación.

Inicializando

Puede inicializar el panel en JavaScript mediante los complementos foundation.offcanvas.js y foundation.core.js . El complemento foundation.core.js requiere las siguientes bibliotecas:

• foundation.util.triggers.js

• foundation.util.motion.js

Fundación.OffCanvas

Especifica la instancia del contenedor fuera del lienzo como se define a continuación:

var my_element = new Foundation.OffCanvas(element);

El Fuera del lienzo incluye los siguientes eventos que se enumeran en la tabla:

No Señor.	Nombre y descripción	Tipo
1	element Inicializa el objeto jQuery.	Objeto
2	options Anula la configuración predeterminada del complemento.	Objeto

Opciones de complementos

Puede utilizar las siguientes opciones de complemento para personalizar la instancia fuera del lienzo.

No Señor.	Nombre y descripción	Ejemplo
1	closeOnClick Cierra el menú cuando el usuario hace clic fuera del menú.	cierto
2	transitionTime Especifica el tiempo necesario para abrir y cerrar la transición en ms.	500
3	position Define la dirección desde donde debe abrirse el fuera del lienzo.	izquierda
4	forceTop Obliga a la página a desplazarse hacia la parte superior tan pronto como se abre.
5	isRevealed Abrirá el fuera del lienzo hasta que alcance los puntos de interrupción restantes.	falso
6	revealOn Define el punto de interrupción en el que revelar el Fuera del lienzo.	revelar-para-grande
7	autoFocus Se enfoca en fuera del lienzo cuando se abre.	cierto
8	revealClass Esta clase se usa para forzar que un fuera del lienzo permanezca abierto.	revelar-para-grande

Eventos

Fuera del lienzo proporciona los siguientes eventos que se enumeran en la tabla:

No Señor.	Nombre y descripción
1	opened.zf.off-canvas Activa el evento cuando abre el menú fuera del lienzo.
2	closed.zf.off-canvas Activa el evento cuando abre el menú fuera del lienzo.

Funciones

Fuera del lienzo proporciona las siguientes funciones como se define a continuación:

.revelar

Abrirá el fuera del lienzo hasta que alcance los puntos de interrupción restantes. Tiene la siguiente función como se especifica en la tabla:

No Señor.	Nombre y descripción	Tipo
1	isRevealed Revela el elemento si esta función se establece en verdadera.	Booleano

.abierto

Abrirá el menú fuera del lienzo. Tiene las siguientes funciones como se especifica en la tabla:

No Señor.	Nombre y descripción	Tipo
1	event Pasa el objeto de evento del oyente.	Objeto
2	trigger Activa un elemento para abrir el fuera del lienzo.	jQuery

.cerca

Cierra el menú fuera del lienzo.

.palanca

Alterna el menú fuera del lienzo. Tiene las siguientes funciones como se especifica en la tabla:

No Señor.	Nombre y descripción	Tipo
1	event Pasa el objeto de evento del oyente.	Objeto
2	trigger Activa un elemento para abrir el fuera del lienzo.	jQuery

.destruir

Destruye el complemento fuera del lienzo.