Publicado em 5 de mai.

jquery ajax

#javascript

pessoal

estou começando com o jquery

ja uso ajax com um script que eu mesmo criei

mas queria aprender essa biblioteca...

o problema e o seguinte

no meu index, chamei uma pagina com a metodo load

so que na pagina chamada tem links de ajax tambem, que nao funcionam

acho que o <script> dessa pagina nao e executado...

Discussão (10)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

William Bruno· 5 de mai.

Sim, leia:

http://wbruno.com.br/ajax/atrelar-evento-em-elementos-nao-existiam-dom/

http://wbruno.com.br/ajax/usando-lightbox-em-pagina-carregada-ajax/

Movido para JavaScript.

Mateus Silva· 5 de mai.

com jquery, pesquise sobre .live() -> já não é mais utilizado, foi extinto, logo dependendo da versão do jquery que você use ele não vai funcionar, para substituí-lo veio a função .on(), recomendo que estude ela, pois quem vive de passado é museu haha!

Fabio Carpi· 5 de mai.

entendi a explicação do lightbox....

mas a questão é como fazer funcionar os links trazidos pelo ajax?

William Bruno· 5 de mai.

Exatamente daquela forma.

Além disso, você leu sobre o delegate ? é isso que vai vai ter que aplicar nos links, e utilizando o .on() como o colega acima comentou.

Fabio Carpi· 6 de mai.

então vou ter que criar um on no index pra todos os links do site?

William Bruno· 6 de mai.

Vc tem que atrelar os teus eventos utilizando a técnica chamada delegate. E vc faz isso com a função .on()

Mateus Silva· 6 de mai.

Não são pra todos os links, o que acontece é que os links que vem por ajax são carregados depois do documento, ou seja, depois do DOM, então teoricamente eles não estão no DOM, você deve usar o .on() somente nos links que vão vir dinamicamente pra que possam ser "reconhecidos" pelo documento.

Fabio Carpi· 7 de mai.

eu entendi a teoria...

teria um exemplo da pratica?

William Bruno· 7 de mai.

$('body').on('click', 'a', function(event) {
 event.preventDefault();
 console.log('Fui atrelado com delegate');

});Que é diferente do:

$('a').on('click', function(event) {
 event.preventDefault();
 console.log('Fui atrelado com delegate');
});com a versão acima, do click do <a> ter sido delegado ao <body> ouvir, você não teria esse problema que citou no tópico.

Fabio Carpi· 7 de mai.

Obrigado pela ajuda mas desisto disso

Prefiro continuar com meu script que é mais simples