Fundación - Revelar referencia de JavaScript
Foundation proporciona componentes de JavaScript para el modal de revelación que se enumeran a continuación:
Inicializando
Puede inicializar el panel en JavaScript mediante los complementos foundation.reveal.js y foundation.core.js . El complemento foundation.core.js requiere las siguientes bibliotecas:
foundation.util.keyboard.js
foundation.util.box.js
foundation.util.triggers.js
foundation.util.mediaQuery.js
foundation.util.motion.js
Fundación Revelación
Especifica la instancia de la revelación como se define a continuación:
var my_element = new Foundation.Reveal(element);La revelación incluye los siguientes valores que se enumeran en la tabla:
| No Señor. | Nombre y descripción | Tipo |
|---|---|---|
| 1 | element Utiliza el objeto jQuery para el modal. |
Número |
| 2 | options Especifica los parámetros opcionales para el modal. |
Objeto |
Opciones de complementos
Puede utilizar las siguientes opciones de complemento para personalizar la instancia de revelación.
| No Señor. | Nombre y descripción | Ejemplo |
|---|---|---|
| 1 | animationIn Se utiliza para elementos animados. |
'deslizar hacia la izquierda' |
| 2 | animationOut Se utiliza para elementos animados. |
'deslizamiento hacia la derecha' |
| 3 | showDelay Muestra el tiempo necesario para abrir el modal en ms. |
10 |
| 4 | hideDelay Muestra el tiempo necesario para cerrar el modal en ms. |
10 |
| 5 | closeOnClick Cierra el modal al hacer clic en el cuerpo o superposición. |
cierto |
| 6 | closeOnEsc Cierra el modal cuando hace clic en la tecla 'ESCAPE'. |
cierto |
| 7 | multipleOpened Muestra los múltiples modales a la vez. |
falso |
| 8 | vOffset Especifica la distancia en píxeles cuando modal debe empujar hacia abajo desde la parte superior de la pantalla. |
100 |
| 9 | hOffset Especifica la distancia en píxeles cuando modal debe empujar hacia abajo desde la parte superior de la pantalla. |
0 |
| 10 | fullScreen Puede crear modal de pantalla completa de acuerdo con el ancho y alto de la ventana. |
falso |
| 11 | btmOffsetPct Cuando el modal debe empujar hacia arriba desde la parte inferior de la vista, especifica el porcentaje de altura de la pantalla. |
10 |
| 12 | overlay Cuando se abre modal, generará un div de superposición. |
cierto |
| 13 | resetOnClose Especifica que modal debe reiniciarse cuando lo cierre. |
falso |
Eventos
Reveal proporciona los siguientes eventos que se enumeran en la tabla:
| No Señor. | Descripción del evento |
|---|---|
| 1 | closeAll.zf.reveal Cierra todos los modales actuales antes de abrir el nuevo modal. |
| 2 | open.zf.reveal Activa el evento cuando abres el modal correctamente. |
| 3 | closed.zf.reveal Activa el evento cuando cierra el modal. |
Funciones
Reveal proporciona las siguientes funciones:
| No Señor. | Función descriptiva |
|---|---|
| 1 | .open Abrirá el modal, que está controlado por este. $ Ancla y cierra los otros modales. |
| 2 | .close Cerrará el modal. |
| 3 | .toggle Cambia el estado de un modal. |
| 4 | .destroy Destruye la instancia modal. |