evento de un link generado dinamicamente

[mrdelfin]

hola como va? tengo la sgte situacion, luego de hacer clic en un link, este me carga dentro de un div una tabla procesada en php, agjunto codigo de la funcion

$('#listaOpciones ul li a').click(function(event){
event.preventDefault(); //evito que redireccione al hacer click sobre el link
cargaData($(this).attr('href'),'#dataConsulta');//
//#data consulta es el div donde es volcada la data de la consulta
});

el problema lo tengo cuando quiero aplica la misma funcion a un link generado dinamicamente dentro del contenedor previo, osea, hago clik en #listaOpciones ul li a, lo cargo en #dataConsulta, y luego dentro de #dataConsulta aparece otro link sobre el cual quiero aplica la funcion cargaData

$('#dataConsulta a').click(function(event){
event.preventDefault(); //evito que redireccione al hacer click sobre ellink
cargaData($(this).attr('href'),'#otroContenedor');//
//#data consulta es el div donde es volcada la data de la consulta
});

alguien tiene idea como hacer para que jquery me reconozca los links generados dinamicamente??? gracias

[Rosencrantz]

la funcion .click no te va a funcionar en elementos generados dinamicamente lo mismo aplica para change, mouseover, keyup etc... para ello esta .on el cual usas de la siguiente manera

Código:

$('#dataConsulta').on('click','a',function(event){
   event.preventDefault();
   cargaData($(this).attr('href'),'#otroContenedor');
});

Los elementos dinamicos aparacen por decirlo asi "muertos", .on, delegate, o live (deprecated) lo que hacen es "revivirlos".

[mrdelfin]

muchas gracias