[jQuery] Rieseguire funzione dopo successo AJAX

[miki92]

Buongiorno,
ho creato questo piccolo script jQuery che dopo che un utente ha cliccato su un input radio invia via AJAX il valore dell'input e successivamente stampa in un DIV il risultato ottenuto.

Visto che il risultato ricevuto non è altro che il form iniziale con qualche piccola modifica vorrei che la funzione di "ascolto" continuasse a funzionare, cosa che per ora, non fa.

Dove sbaglio?

$(document).ready(AscoltaVotazioni);

function AscoltaVotazioni(){
 $("input:radio").click(function(){
  Vota($(this).val());
 });
}

function Vota(id){
alert("ricevuto");
 $.ajax({
    url: "ajax.php",
    type: "POST",
    data: {candidato:id, submit:"ajax"},
    success: function(data, textStatus, jqXHR){Successo(data);},
    error: function(jqXHR, textStatus, errorThrown){Errore(errorThrown);}
 });
}

function Successo(data){
 AscoltaVotazioni();
 $("#form").html(data);
}

Banalmente, hai provato ad invertire l'ordine nella funzione Successo()?

function Successo(data){
 $("#form").html(data);
 AscoltaVotazioni();
}

[miki92]

Si ma comunque non cambia nulla.

[dreadnaut]

Così senza vedere il resto della pagina non si può essere certi —se metti un esempio online da qualche parte è meglio.

Intanto una ripulitina al codice (non testata)

// $() equivale a $(document).ready()
$(function() {
  // $('input:radio').click(function() { Vota($(this).val()); });
  // oppure vuoi onchange?
  $('input:radio').on('change', function() { Vota($(this).val()); });
});


function Vota(id) {
  alert('ricevuto');
  $.post('ajax.php', { candidato: id, submit: 'ajax' })
    .done( function(data) { $("#form").html(data); } )
    .fail( Errore );
} 

Vedi anche:
http://stackoverflow.com/questions/4...e-using-jquery
http://api.jquery.com/jQuery.post/
http://api.jquery.com/jquery/
http://api.jquery.com/category/deferred-object/

[miki92]

dreadnaut da quanto tempo!!!

Grazie dei link e dei suggerimenti. Sono riuscito a risolvere.