Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

MiguelTb

Problema com Ajax Load e Jquery

Recommended Posts

Seguinte galera,

 

o problema agora é o seguinte:

Faço uma página bonitinha com Jquery e talz beleza, funciona direitinho.

 

Então eu uso uma função de load em java, ajax, jquery não sei ao certo, para que quando clicar no botão ele abrir a página em uma div dentro da mesma página, o problema que após isso os jquery dessa página que foi loadada param de funcionar, alguém já passou por isso? Ou sabe de alguma outra solução? Agradeço de coração abraços.

 

Com load:

www.revistahei.net/2011 - Clique em Carregar conteúdo. Veja que a página da load, mas o jquery não funciona.

 

www.revistahei.net/2011/tooltipsmenu/ - Veja que é a mesma página porém aqui o jquery funciona perfeitamente.

 

Estou usando esse tutorial.

http://www.pinceladasdaweb.com.br/blog/2009/05/11/ajax-com-jquery-metodo-load/

 

Agradeço desde já pessoal. Caso alguém possa me dar uma orientação pra resolver esse probleminha.

Já tentei usar jQuery.noConflict(); mas mesmo assim não adianta.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Miguel, sou iniciante no Ajax, mas pelo que sei qualquer conteúdo ajax carregado é carregado após o DOM estar pronto para fazer os eventos, então normalmente não funciona elementos DOM carregados dinamicamente . Você precisa criar um evento de live, que executa a função ao vivo.

se estiver meio confuso pode ver aqui: http://api.jquery.com/live/

 

exemplo na pagina principal:

 

<script type="text/javascript">
jQuery(function(){
jQuery('#lol').live("click",function(){
	jQuery('#omg').slideToggle();

});


});
</script>

 

 

na pagina a ser carregada:

 

<p id="lol">
kk

</p>

<p id="omg">
omg
</p>

 

usando evento live consegui... tente fazer e poste os resultados, ainda to me quebrando pra fazer funções mais complicadas, mas quem sabe você acha a luz.

 

consegui chamar um datepicker via click event:

<script type="text/javascript">
jQuery(function() {

jQuery("#agenda").live("click",function(){
      jQuery(this).datepicker().datepicker( "show" )
   });
   });

</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.