[RESOLVIDO] Jquery não funciona com o <input> carregado com Ajax

[Vagner Lemos 0]

Tenho o input 1 que funciona com Jquery
mas quando carrego o input 2 com Ajax o Jquery não funciona mais

Como faria pra resolver esse problema?

[Omar~ 87]

Acredito que assim deva resolver.

Olhando pelo que acredito que esteja acontecendo

Tenta fazer assim:

Citar

function qualquerNome() {

     // Coloque aqui o script jquery que postou, mas não inclua $(function() {

}

 

Chame a função usando a jquery mesmo.

Citar

$(document).ready(function() { qualquerNome(); });

Faça o mesmo no arquivo que vai ser chamado pelo ajax.

 

 

Quando o arquivo principal é carregado então o jquery vai encapsular os elementos DOM após seu carregamento, no casso em uma array com índice que indica o que é o que dentro da página.

 

Ao executar o ajax um novo elemento no caso o novo input é adicionado a página, então para a função que já foi iniciada não sabe que aquele novo elemento existe.

Então se recarregar a função novamente todos elementos antigos e novos serão verificados.

Também vale lembrar de sempre olhar o console do navegador para ter informações do está acontecendo.

 

[Vagner Lemos 0]

Olá Omar!
Primeiramente obrigado pela resposta!

 

agora o  input 2  esta funcionando

mas, sempre tem um mas

o input 1 entra duas vezes na função

 

por favor,  de uma olhada no exemplo abaixo para ver se fiz algo errado!

obrigado

 

[Vagner Lemos 0]

e a cada vez que clico em carregar novo campo, o acesso a  função duplica

ao carregar o ajax 1 vez então ala mundo 2 vez

ao carregar o ajax 2 vezes então aparece ola mundo 4 vezes

ao carregar o ajax 3 vezes então aparece ola mundo 8 vezes

e assim por diante

.......

[Vagner Lemos 0]

Consegui resolver aqui sem alterar o primeiro programa postado

apenas uma alteração

coloquei a função como segue

a primeira funciona a segunda não funciona com ajax