¿Como puedo asociar eventos con on()?

[alfonso2222]

Hola, querría hacer una pregunta sobre este tema, pero me a surgido una cuestión con jquery y no soy capaz de encontrar la solución.

Si puedo llamar a un elemento que se crea dinamicamente,¿ podria llamar también a cualquier elemento que se crea dinamicamente como hijo de ese primer elemento y asociarle un click con on()?, o sea creo un <li> dinamicamente, pero a su vez se crea junto al <li> un <a> , ¿puedo asociarle un evento click a ese <a>? y ¿como?

Quedaría asi:

<div> esta etiqueta no se crea dinamicamente

<li>este se crea dinamicamente

<a ></a>este se crea dinamicamente

</li> y este se crea dinamicamente

</div>

Un saludo

[Rosencrantz]

podria ser algo como

Código PHP:

   
$('div').on('click','li > a',function(){
 
  alert('Bazzinga');
 
}) 
   

Todos los <a> hijos directos de cualquier <li> dentro de un <div> cualquiera deberían responder a ese código.

[alfonso2222]

He estado probando lo que me dices y no funciona.

Si funciona sobre el nodo mas cercano a div o sea el li:

$("div").on('click','li',function(event){

//codigo

});

Pero como tu me dices no funciona.

No se que mas hacer.

Un saludo

[Rosencrantz]

Es extraño si me funciona.

Aqui el codigo, le das run.

http://jsfiddle.net/8fQeT/

Saludos

[alfonso2222]

Pero en el ejemplo que me mandas los <li> y los <a>, no se crean dinamicamente ,ya estan de inicio y por eso puedes asociarle el evento.

Yo hablo de asociar con on() el elemento <a> pero sabiendo que de inicio no esta si no que se crea mas adelante.


Un saludo

[mdk]

Y porque no usas la append para crear dinámicamente?

[alfonso2222]

Al final lo pude solucionar probando con append , y funciona, el problema es que en mi codigo estaba utilizando un plugin de jquery que eliminaba los eventos asociados a los nodo a, asi que tuve que modificar el plugin, y ya me funciona.

Muchas gracias por la ayuda

Saludos