Problema apos atualização ajax

[Vinicius Vieira]

Olá pessoal eu estou com alguns problemas em relação ao jquery depois de uma requisição ajax tentei usar o método "on" porém não funcionou deem uma olhada 

$(".estrela_frases").on('click',function(e){

e.preventDefault();

var id_estrela = $(this).val();

//alert(id_estrela);

$.ajax({

type: "POST",

data: "estrela_frases="+id_estrela,

url: "../funcionalidades.php",

success: function(){

                        atualiza()

}

});

});

mesmo colocando o metodo "On" depois de carregar novos elementos na página através de uma requisição ajax esses elementos ainda sim não respondem seus respectivos códigos em jquery.

Uma solução que encontrei foi fazer uma atualização visual via jquery e enviando apenas dados a serem processados através do ajax porém está forma está um pouco complicada pois tenho que fazer todas as inserções e efeitos através de jquery em vez de o código ajax os retornar automaticamente.

Por favor me ajudem. 

[Rafael Sirotheau]

o .on() tem que ser aplicado no element mais próximo que vai receber os dados novos.

Sendo assim, imaginando uma estrutura ul > li > a.estrela_fases que a ul recebe li > a novos, é necessario que o on seja aplicado na ul.

$("ul").on("click",".estrela_frases", function(e){

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo quot;jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

--

Rafael Sirotheau
@rafasirotheau
/rafasirotheau

Linkedin

Front-end Developer
+55 (11) 9 6452 1384

[Rafael Sirotheau]

Errata:

onde tem "element mais próximo", leia-se "elemento pai mais próximo"

[Vinicius Vieira]

No caso como devo colocar ?

meu código está da seguinte forma

<div id="mostra_frases">

<?php

$seleciona_frases = mysql_query("SELECT * FROM frases");

while ($frases_selecionadas = mysql_fetch_array($seleciona_frases)){

$frases = utf8_encode($frases_selecionadas["frase"]);

$autor = utf8_encode($frases_selecionadas["autor"]);

$id_estrela = $frases_selecionadas["id"];

$favoritos = $frases_selecionadas["favoritos"];

if ($favoritos == 0){

$src = "../imagens/estrela_branca.jpg";

}else{

$src = "../imagens/estrela_dourada.png";

}

echo "<div class='posiciona_frases' value='$id_estrela'><span class='estilo_frase'>$frases   -</span><span class='estilo_autor'>Autor: $autor</span></div>";

echo "<form action='funcionalidades.php' method='POST'>";

echo "<input type='image' name='estrela_frases' src='$src' class='estrela_frases' value='$id_estrela'/><br />";

echo "<input type='image' name='retirar_frase' src='../imagens/menos.jpg' class='menos_frases' value='$id_estrela'/>$id_estrela<br />";

echo "</form>";

}

?>

</div> 

[Rafael Sirotheau]

$("#mostra_frases").on("click", ".estrela_frases", function() { .... } );

--

--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo quot;jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

[Vinicius Vieira]

Olá consegui resolver o problema muito obrigado pela ajuda