Fundação - Referência Detalhada de JavaScript

O Foundation fornece componentes JavaScript para um menu detalhado conforme listado abaixo.

Inicializando

Você pode inicializar o menu de detalhamento em JavaScript usando as foundation.drilldown.js e foundation.core.js plugins. O plugin requer as seguintes bibliotecas -

foundation.util.keyboard.js
foundation.util.motion.js
foundation.util.nest.js

Foundation.Drilldown

Ele especifica a instância de um menu de pesquisa conforme definido abaixo -

var elem = new Foundation.Drilldown(element);

Sr. Não.	Nome e Descrição	Tipo
1	element Ele cria um objeto jQuery em um menu de pesquisa.	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 de pesquisa. Você pode definir a opção de plug-in como atributos de dados individuais.

Sr. Não.	Nome e Descrição	Exemplo
1	backButton A classe js-drilldown-back é necessária. Para o botão Voltar gerado por JS, a marcação é usada.	`<\li><\a>Back<\/a><\/li>`
2	wrapper A classe is-drilldown é necessária para estilização independente.	`<\div class = "is-drilldown"><\/div>`
3	closeOnClick Clicar no corpo ajuda o menu a retornar à lista de raiz.	falso

Eventos

O plug-in de menus de pesquisa anexado a qualquer elemento pode acionar o seguinte evento.

Sr. Não.	Nome e Descrição
1	closed.zf.drilldown menu Ele dispara um evento quando o menu está completamente fechado.
2	hide.zf.drilldown menus Ele dispara um evento quando os submenus abertos são fechados.

Funções

A seguir estão as funções usadas no menu de pesquisa.

._esconda tudo

Ele fecha todos os elementos que são abertos e retorna ao menu raiz.

._de volta

Em cada botão Voltar , o ouvinte de eventos é incluído.

Sr. Não.	Nome e Descrição	Tipo
1	$elem O evento de retorno está incluído no submenu atual.	jQuery

._exposição

Os submenus são abertos.

Sr. Não.	Nome e Descrição	Tipo
1	$elem Abra os submenus atuais.	jQuery

._ocultar

O submenu está oculto.

Sr. Não.	Nome e Descrição	Tipo
1	$elem Esconde o submenu atual	jQuery

.destruir

O menu de pesquisa é destruído.

↰ Previous page