Foundation - Referência do JavaScript Tooltip

Descrição

O Foundation fornece componentes JavaScript para a dica de ferramenta conforme listado abaixo.

Inicializando

Para usar este plugin, os foundation.core.js , foundation.tooltip.js arquivos devem ser incluídos em sua JavaScript. Este plugin requer as seguintes bibliotecas de utilitários -

• foundation.util.box.js

• foundation.util.triggers.js

Foundation.Tooltip

Ele cria uma nova instância de dica de ferramenta.

var elem = new Foundation.Tooltip(element);

Ele dispara o evento Tooltip #: init events e aceita os seguintes parâmetros.

Sr. Não.	Nome e Descrição	Tipo
1	element É o objeto jQuery usado para anexar uma dica de ferramenta.	jQuery
2	options Para estender a configuração padrão, este objeto é usado.	Objeto

Opções de plug-in

Você pode usá-los para personalizar a instância de uma dica de ferramenta. Ele pode ser definido como atributos de dados separados, um atributo de opções de dados mesclado ou como um objeto passado para o construtor do plugin. A tabela a seguir lista as opções de plug-in usadas no Foundation.

Sr. Não.	Nome e Descrição	Exemplo
1	hoverDelay Representa o tempo em ms, a ser obtido antes que uma dica de ferramenta seja aberta ao passar o mouse.	200
2	fadeInDuration150 Representa a hora de desaparecer à vista.	150
3	fadeOutDuration Representa o momento de desaparecer de vista.	150
4	disableHover Ele desativa os eventos de foco de abrir a dica de ferramenta quando definido como verdadeiro.	falso
5	templateClasses Classes adicionais a serem aplicadas ao modelo de dica de ferramenta, que é opcional.	'minha-classe-dica legal'
6	tooltipClass Classe não opcional adicionada aos modelos da dica de ferramenta.	'dica'
7	triggerClass Classe aplicada ao elemento âncora da dica de ferramenta.	'has-tip'
8	showOn Tamanho mínimo do ponto de interrupção no qual abrir a dica de ferramenta.	'pequeno'
9	template Modelo personalizado a ser usado para criar a marcação de dica de ferramenta.	''
10	tipText Texto gerado no modelo de dica de ferramenta na abertura.	- Algum fato espacial legal aqui.
11	clickOpen Ele abre a dica de ferramenta quando disparado com um clique ou evento de toque.	verdadeiro
12	positionClass Classes adicionais para posicionamento, definidas por JS.	'topo'
13	vOffset Ele representa a distância (pixels) na qual o modelo deve ser empurrado da âncora no eixo Y.	10
14	hOffset Ele representa a distância (pixels) na qual o modelo deve ser empurrado da âncora no eixo X, quando alinhado para o lado.	12

Eventos

Esses eventos serão acionados a partir de qualquer elemento com o plugin das dicas anexadas. A tabela a seguir lista os eventos com uma breve descrição.

Sr. Não.	Nome e Descrição
1	tooltip.zf.tooltips Gatilhos para fechar todas as outras dicas de ferramentas abertas na página.
2	show.zf.tooltips Aciona quando a dica de ferramenta é exibida.
3	hide.zf.tooltips Aciona quando a dica de ferramenta está oculta.

Funções

.exposição

Ele revela a dica de ferramenta e dispara um evento para fechar outra dica de ferramenta. Ele dispara o evento Closeme #: tooltip Tooltip # event: show events.

.ocultar

Ele oculta a dica de ferramenta atual e redefine a classe de posicionamento quando ela muda por causa da colisão. Ele aciona o evento Tooltip #: ocultar eventos.

.alternancia

Além das funções estáticas show () e hide (), .toggle adiciona um método de alternância.

.destruir

Ele destrói uma instância de dica de ferramenta e o elemento de modelo é removido da visualização.