Framework7 - Popup de sobreposição

Descrição

Popup é uma caixa popup, que exibe o conteúdo, quando o usuário clica no elemento usando a classe popup .

O tamanho do pop-up varia em diferentes dispositivos. Em telefones, ele será exibido em tela cheia e em tablets, ele será exibido com 630 px de largura e altura. Você pode adicionar classe de tela inteira do tablet para tornar o tamanho da tela inteira em tablets.

Você pode abrir e fechar o pop-up de duas maneiras, conforme especificado na tabela a seguir -

S.Não Tipo
1 De HTML

Você pode abrir e fechar o pop-up usando classes e atributos de dados.

2 Usando JavaScript

Você pode abrir e fechar o pop-up usando o código JavaScript.

Eventos Popup

S.Não Evento Alvo e descrição
1 abrir

Popup Element

Quando você abre uma animação, este evento é disparado.

2 aberto

Popup Element

Quando a abertura de uma animação for concluída, este evento será disparado.

3 Fechar

Popup Element

Quando você fecha uma animação, este evento é disparado.

4 fechadas

Popup Element

Quando o fechamento de uma animação for concluído, este evento será disparado.

Você também pode criar um pop-up dinâmico usando seus métodos HTML para aplicativo. Aqui está um exemplo .