- data-modal-url é opcional
- href pode ser substituido por data-modal-img, 1 dos 2 é obrigatório para imagem
- data-modal é parametro obrigatório (vazio)
Método 1:
<a href="link imagem" class="wrapper-cmodal" data-modal data-modal-url="ceicom.com.br"></div>
Método 2:
<div class="wrapper-cmodal" data-modal data-modal-img="link imagem" data-modal-url="ceicom.com.br"></div>
- data-modal recebe identificador do conteudo, pode ser id #id (# = opcional) ou classe .classe, é parametro obrigatório
- data-modal-class classe que será aplicada no parent/wrapper do modal, utilizada geralmente para alterar visual do modal, é opcional
- data-modal-width largura máxima do modal, é opcional
- data-modal-lock desativa rolagem da tela (padrão = true, se passado false libera rolagem tela), é opcional
<div class="wrapper-cmodal" data-modal=".cfw-modal__conteudo" data-modal-class="classe modal" data-modal-width="300" data-modal-lock="false"></div>
- tipo img não precisa de html
- elemento base, recomenda-se trazer o elemento oculto (hidden)
<div id="conteudo" class="cfw-modal__conteudo" hidden>
<a href="#">asdasdasd</a>
Popup
</div>
Fechar o modal
j('.cfw-modal:visible').trigger('close');