Refrescar parte de código

[clarkpler]

Buenas amigos, estoy haciendo un pequeño proyecto y tuve un inconveniente:

En la página creo dinamicamente elementos div y les aplico una clase (div.clase1)

Y tengo un evento onclick en los elementos con la clase 1.

No me funciona porque creo al crearse después es como si no existiera el elemento, para lo que hice una funcion donde dentro esta el evento, asi cada vez que creo el elemento me llama a la funcion, pero solo me reconoce al ultimo elemento creado, que podría hacer para refrescar el evento para que reconosca los nuevos elementos cada vez que creo un nuevo elemento sin necesidad de crear la funcion.

A continuación un resumen:

Código Javascript:

<script type="text/javascript">
function readsource(){
$("div.contxt").click(function () {
    alert("prueba");
}); 
};
 
 
function creardiv(){
var div=document.createElement("div"); //Contenido
//Contenido
div.id='Cont_Texto'+i;
div.className='contxt';
cont.appendChild(div);
readsource();};
</script>
 

[ryugen]

Veo que estas utilizando jQuery, te recomendaría entonces que en lugar de atachar directamente el evento al click utilices:
DELEGATE : http://api.jquery.com/delegate/
o
ON : http://api.jquery.com/on/

Que sirven para estos casos

[clarkpler]

Gracias, con delegate me funcionó correctamente.