Foundation - Referência de JavaScript suspensa
O Foundation fornece componentes JavaScript para um menu suspenso conforme listado abaixo.
Inicializando
Você pode inicializar o menu suspenso no JavaScript usando foundation.dropdownMenu.js e foundation.core.js plugins. O plugin requer as seguintes bibliotecas -
foundation.util.keyboard.js
foundation.util.box.js
foundation.util.nest.js
Foundation.DropdownMenu
Ele especifica a instância de um menu suspenso conforme definido abaixo -
var elem = new Foundation.DropdownMenu(element);| Sr. Não. | Nome e Descrição | Tipo |
|---|---|---|
| 1 | Element Ele cria um objeto jQuery em um menu suspenso. |
jQuery |
| 2 | Options A configuração do plug-in padrão é anulada. |
Objeto |
Opções de plug-in
Você pode usar o seguinte plugin para personalizar a instância do menu suspenso. Você pode definir a opção de plug-in como atributos de dados individuais.
| Sr. Não. | Nome e Descrição | Exemplo |
|---|---|---|
| 1 | disableHover O evento de foco está desativado para abrir submenus.false |
falso |
| 2 | autoclose Automaticamente, os submenus são fechados quando o mouse sai do evento. |
verdadeiro |
| 3 | hoverDelay Ele atrasa o tempo ao abrir os submenus no evento de foco. |
50 |
| 4 | clickOpen Os submenus podem permanecer abertos no evento de clique pai. |
verdadeiro |
| 5 | closingTime Ele atrasa o tempo ao fechar os submenus no evento de licença do mouse. |
500 |
| 6 | alignment Dependendo do menu, a direção é definida para abrir os submenus. |
'esquerda' |
| 7 | closeOnClick Os submenus abertos são fechados com um clique no corpo. |
verdadeiro |
| 8 | verticalClass Para definir o menu vertical, a classe vertical é usada. |
'vertical' |
| 9 | rightClass Defina o menu do lado direito. |
'alinhar à direita' |
| 10 | forceFollow Para executar a ação padrão, o Booleano é forçar a sobrepor links de clique no segundo evento de toque para celular. |
falso |
Eventos
O plugin de menus suspensos anexado a qualquer elemento pode acionar o seguinte evento.
| Sr. Não. | Nome e Descrição |
|---|---|
| 1 | show.zf.dropdown menus Ele dispara um evento quando um novo painel suspenso está visível. |
| 2 | hide.zf.dropdown menus Ele dispara um evento quando os menus abertos são fechados. |
Funções
.destruir
O plugin é destruído.