Ir para conteúdo

POWERED BY:

Arquivado

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

Manynho

Ajquery não funciona qndo é chamada por ajax

Recommended Posts

Ola pessoa!.. tudo beleza

sou um pouco leigo ainda nessa area...mais estou com um probleminha que esta me dando dor de cabeça...ja procurei e testei tudo que é jeito e não deu certo!

 

em uma pagina tenho um sistema de busca via ajax. ele processa os dados em um arquivo chamado busca-nome.php

 

a busca funciona perfeitamente, aparecem os resultados mais queria usar a função TOGGLE do Jquery para exibir mais detalhes para cada resultado!

 

o codigo que usei é esse:

 

SCRIPT

 

<!-- INICIO - Script Jquery TOGGLE-->

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

jQuery.fn.toggleText = function(a, B) {

return this.html(this.html().replace(new RegExp("("+a+"|"+b+")"),function(x){return(x==a)?b:a;}));

}

$(document).ready(function(){

$('.tgl').before('<span>Revelar conteúdo</span>');

$('.tgl').css('display', 'none')

$('span', '#box-toggle').click(function() {

$(this).next().slideToggle('slow')

.siblings('.tgl:visible').slideToggle('fast');

$(this).toggleText('Revelar','Esconder')

.siblings('span').next('.tgl:visible').prev()

.toggleText('Revelar','Esconder')

});

})

</script>

 

<!-- FIM - Script Jquery TOGGLE-->

 

CSS

 

<!-- INICIO - Efeito Toggle-->

<style type="text/css" media="all">

#box-toggle {

margin:0 auto;

text-align:left;}

#box-toggle .tgl {}

#box-toggle span {

display:block;

cursor:pointer;

font-weight:bold;

font-size:14px;

color:#c30;

margin-top:15px;

}

</style>

<!-- FIM - Efeito Toggle-->

 

estão dentro da pagina de busca!

 

para chamar a função devo colocar o id da div como "box-Toggle" e a classe da outra div como "tgl" , na propria pagina de busca funciona, mas quando colocar no arquivo de processamento("busca-nome.php") ja não funciona mais!

 

os resultados aparecem mais os conteudos não ficam oscultos e nem a função funciona!

 

 

 

esperam que tenham entendido!..rsrs

 

desde ja agradeço!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eai Manynho!

 

Pelo que entendi a página "busca-nome.php" retorna conteúdo que utiliza o efeito "toggle" do jQuery. Se for isso você vai precisar usar o plugin "Livequery" (http://docs.jquery.com/Plugins/livequery). Basicamente, esse plugin é para que os efeitos dentro página "busca-nome.php" funcionem.

 

Da uma olhada e qualquer coisa posta aqui.

 

abs!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eai Manynho!

 

Pelo que entendi a página "busca-nome.php" retorna conteúdo que utiliza o efeito "toggle" do jQuery. Se for isso você vai precisar usar o plugin "Livequery" (http://docs.jquery.com/Plugins/livequery). Basicamente, esse plugin é para que os efeitos dentro página "busca-nome.php" funcionem.

 

Da uma olhada e qualquer coisa posta aqui.

 

abs!

 

 

 

é isso mesmo Deives ...você é o cara heim..rsrs

Vlew mesmo... achei que ninguem ia entender, não consegui explicar direito!

vou tentar usar aqui..mais acho que não vou conseguir. ^^

qlqer coisa eu volto aqui

 

abraço

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.