Foundation - Referencia de JavaScript desplegable
Foundation proporciona componentes de JavaScript para un menú desplegable como se indica a continuación.
Inicializando
Puede inicializar el menú desplegable en JavaScript utilizando los complementos foundation.dropdownMenu.js y foundation.core.js . El complemento requiere las siguientes bibliotecas:
foundation.util.keyboard.js
foundation.util.box.js
foundation.util.nest.js
Foundation.DropdownMenu
Especifica la instancia de un menú desplegable como se define a continuación:
var elem = new Foundation.DropdownMenu(element);| No Señor. | Nombre y descripción | Tipo |
|---|---|---|
| 1 | Element Crea un objeto jQuery en un menú desplegable. |
jQuery |
| 2 | Options La configuración predeterminada del complemento se anula. |
Objeto |
Opciones de complementos
Puede utilizar el siguiente complemento para personalizar la instancia del menú desplegable. Puede configurar la opción de complemento como atributos de datos individuales.
| No Señor. | Nombre y descripción | Ejemplo |
|---|---|---|
| 1 | disableHover El evento de desplazamiento está deshabilitado para abrir submenús. |
falso |
| 2 | autoclose Automáticamente, los submenús se cierran cuando el mouse abandona el evento. |
cierto |
| 3 | hoverDelay Retrasa el tiempo al abrir los submenús en el evento de desplazamiento. |
50 |
| 4 | clickOpen Los submenús pueden permanecer abiertos en el evento de clic principal. |
cierto |
| 5 | closingTime Retrasa el tiempo al cerrar los submenús en el evento mouseleave. |
500 |
| 6 | alignment Dependiendo del menú, la dirección está configurada para abrir los submenús. |
'izquierda' |
| 7 | closeOnClick Los submenús abiertos se cierran con un clic en el cuerpo. |
cierto |
| 8 | verticalClass Para configurar el menú vertical, se utiliza la clase vertical . |
'vertical' |
| 9 | rightClass Configura el menú del lado derecho. |
'alinear a la derecha' |
| 10 | forceFollow Para realizar la acción predeterminada, el booleano está obligado a anular los enlaces de hacer clic en el segundo evento táctil para dispositivos móviles. |
falso |
Eventos
El complemento de menús desplegables adjunto a cualquier elemento puede desencadenar el siguiente evento.
| No Señor. | Nombre y descripción |
|---|---|
| 1 | show.zf.dropdown menus Activa un evento cuando se ve un nuevo panel desplegable. |
| 2 | hide.zf.dropdown menus Activa un evento cuando se cierran los menús abiertos. |
Funciones
.destruir
El complemento está destruido.