Binden von Ereignissen an noch nicht erstellte DOM-Elemente (jquery)

Question

Wie binde ich Ereignisse an HTML-Elemente, die zum Zeitpunkt des Ladens des Skripts nicht vorhanden sind?

Ein Teil meines Skript fügt diese dem DOM:

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

Das Problem ist, ich kann nicht einfach tun:

$(document).ready(function(){ 

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

.. Ich denke, weil das DOM-Element nicht ist dort, wenn die Seite zuerst lädt.

Wie soll ich das Ereignis an myClass binden?

Answer 1

jQuery.live() ist veraltet. Hier ist die akzeptierte Antwort mit jQuery.on() statt:

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

Answer 2

jQuery.live() ist, was Sie brauchen.

$(document).ready(function(){ 

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

Try it out: http://jsfiddle.net/mwR8g/

Answer 3

Das jQuery live() function tut dies:

$("#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); 
    }); 
}); 

Sie brauchen, sind Live zu verwenden.