JS non esegue funzioni su bottoni stampati da chiamata AJAX

[hypertextPro]

Buon giorno, forse il titolo spiazza un po ma sicuramente la problematica è di facile risoluzione per voi che siete più esperti di me in JS.

Io tramite questa chiamata AJAX interrogo una pagina PHP che mi restituisce determinati valori sotto forma di oggetto JSON. Una volta ricevuto questo oggetto io devo stamparlo a video in modalità di tabella.

Ovviamente per ogni riga ci sono delle azioni, quali elimina anagrafica, aggiorna anagrafica, ecc.. Per ogni tdella tabella, o meglio per ogni record che ricevo, io stampo, sempre tramite la stessa chiamata ajax, questi bottoni per le azioni.

Il problema è appunto che non essendo stati caricati nel DOM al momento del caricamento della pagina se provo a legare una funzione semplice, ad esempio:

$(".btn").click(function(){

  alert("ciao");

});

Non me la esegue.

Capisco che il motivo è quello sopra specificato ma esiste una soluzione?
Oppure esiste un altra strada da intraprendere?

Di segueito la chiamata AJAX:

function onstart_get_anagen(result_store){


		$.ajax({
			url: "AJAX_supporto_pannello_anagrafica.php",
			async: true,
			type: "POST",
			dataType: "json",
			data: "start=1",


			success: function(Risposta){


				
				if ( Risposta[0].response == true && Risposta[0].row > 0 ){
					
					var rows = Risposta[0].row;




					for ( var i = 1; i <= Risposta.length; i++ ){
						
							
							var id_anagen = Risposta[i].id_anagen;
									var nome_cognome = Risposta[i].nome_cognome;
										var ragione_sociale = Risposta[i].ragione_sociale;
											var partita_iva = Risposta[i].partita_iva;
												var indirizzo = Risposta[i].indirizzo;
													var provincia = Risposta[i].provincia;
														var telefono = Risposta[i].telefono;
															var id_pagamento = Risposta[i].id_pagamento;
																var id_amministratore_condominio = Risposta[i].id_amministratore_condominio;
																	var cellulare = Risposta[i].cellulare;
																		var codice_fiscale = Risposta[i].codice_fiscale;
																			var email = Risposta[i].email;
																
								//CORPO TABELLA
									bootstrap_table = "<tr>";
										
										bootstrap_table += "<td> <b> " + id_anagen + " </b> </td>";
										bootstrap_table += "<td>" + nome_cognome + "</td>";
										bootstrap_table += "<td>" + ragione_sociale + "</td>";
										bootstrap_table += "<td>" + partita_iva + "</td>";
										bootstrap_table += "<td>" + codice_fiscale + "</td>";
										bootstrap_table += "<td>" + indirizzo + "</td>";
										bootstrap_table += "<td>" + provincia + "</td>";
										bootstrap_table += "<td>" + telefono + "</td>";
										bootstrap_table += "<td>" + cellulare + "</td>";
										bootstrap_table += "<td> <a href='mailto:" + email + "'>" + email + "</td>";
										bootstrap_table += "<td> <button class='btn btn-xs btn-default update_anagen' > <span class='glyphicon glyphicon-pencil'> </span> </button> </td>";
										bootstrap_table += "<td> <button class='btn btn-xs btn-danger delete_anagen'  > <span class='glyphicon glyphicon-trash'> </span> </button> </td>";
									
										
									bootstrap_table += "</tr>";
								//FINE CORPO TABELLA	
									


								$(result_store).html(bootstrap_table);
					}


					
				}else if ( Risposta[0].response == false && Risposta[0].row == 0 ){
					
					$(result_store).html("No result");
					
				}


				
				
			},
			
			error: function(){
			  alert("Errore, non è possibile accedere alla risorsa desiderata.");
			}
			
		});
}

[m4rko80]

Potrebbe tornarti utile questo . In questo modo puoi bindare anche elementi generat in un secondo momento.
Il classico bind di funzioni/azioni tipo appunto click() funziona su qualcosa che già esiste.

Nelle opzioni di on() puoi anche usare una forma differente se non dovesse andare nella forma più classica (questa):

$('tuo_selettore').on('click', function(){});

Seconda opzione

$('selettore_elemento_esistente_in_partenza').on('click', 'tuo_selettore', function(){});

[ciro78]

invece di

$('selettore_elemento_esistente_in_partenza').on('click','tuo_selettore',function(){})

farei

$(document).on('click','tuo_selettore',function(){})

[hypertextPro]

Grazie a tutti e due, avevo già risolto adottando questa soluzione:

$('selettore_elemento_esistente_in_partenza').on('click','tuo_selettore',function(){});