Forum Academy Marketplace Showcase Pricing Features

Usando JQuery no Bubble

Há um tempo atrás percebi a necessidade de usar js no bubble, mas não obtive muito resultado com plugins. No entanto descobri uma maneira de se usar o jquery sem a utilização de plugins e de forma fácil.
Segue abaixo os passos que trilhei e sucesso para todos :slight_smile:

Primeiro passo
Acesse: “https://cdnjs.cloudflare.com” para obter a versão mais atual do jq.
Em seguida insira um elemento HTML no bubble , e insira a url do site acima.
image

Para pesquisar sobre as libs que estão disponíveis no site use: “https://cdnjs.com/libraries” e faça sua busca.
image

Clique no ícone </> para copiar o link e insira logo abaixo do link mencionado acima
image

Link da lib Mask
image

Para acessar os métodos da lib entre no link dela e veja o modo de uso
image

método de uso
image

Ao final você terá um HTML dessa forma

As vezes o jq não carrega, porém usando uma condição consegui garantir seu funcionamento.
Page loaded (entire) is yes

Deixei essa área em branco

Logo em seguida insira um Input do tipo Text e atribua um ID para ele.
image

Note que o ID do Input está dentro do script. Como usamos o ID devemos usar o “#”.
image

O efeito é conforme a máscara criada dentro da função
image

Obs: mudei a cor do background para branco.

1 Like

Boa Noite Camarada!
Estava a procura disso e esse teu post ajudou muito, mas eu fiz duas alterações pra não ficar dando erro no carregamento da query, usei o plugin toolbox e fiz a chamada com ele , no carregamento da pagina ou com o evento à cada 0 seconds. Simplesmente show essas mascaras ai, obrigado por compartilhar.

1 Like

disponha :slight_smile: