Eventos de vinculación a elementos DOM aún no creados (jquery)

Question

¿Cómo puedo vincular eventos a elementos html que no existen en el momento de cargar el script?

Una parte de mi script agrega estos para el DOM:

<a class="btn-remove-item" href="">link</a> 

El problema es que no puedo acaba de hacer:

$(document).ready(function(){ 

    $(".btn-remove-item").click(function(){ 
     this.parentNode.removeChild(this); 
    }); 
}); 

.. creo que debido a que el elemento DOM no es allí cuando la página se carga por primera vez.

¿Cómo debo vincular el evento a myClass?

Answer 1

jQuery.live() ya no se utiliza. Aquí está la respuesta aceptada utilizando jQuery.on() lugar:

$(document).on('click', '#btn-remove-item', function() { 
    this.parentNode.removeChild(this); 
}); 

Answer 2

jQuery.live() es lo que necesita.

$(document).ready(function(){ 

    $("a.myClass").live('click', function() { 
     this.parentNode.removeChild(this); 
    }); 
}); 

Pruébelo: http://jsfiddle.net/mwR8g/

Answer 3

El jQuery live() function hace esto:

$("#btn-remove-item").live('click', function() { 
    this.parentNode.removeChild(this); 
}); 

Answer 4

$(document).ready(function(){ 
    $(".btn-remove-item").live('click', function() { 
     this.parentNode.removeChild(this); 
    }); 
}); 

usted es necesidad de usar vivo.