Popup kann nach dem Klonen von div nicht geschlossen werden. Binden()? JQUERY

Question

Wie kann ich ein Click-Ereignis aktiviert, nachdem ein div .popup namens Klonen, dann auf Klicken auf eine Spanne benannt, die schließen .popup ausgelegt ist?

Ein Klick auf das derzeit tut nichts. Ich verstehe, dass die div, nachdem die Seite initialisiert erstellt wurde, ich muß nur wissen, wie diese auf der Seite zu binden, damit es erkannt wird, wenn es angeklickt wird.

JavaScript:

$('span#close').click(function() { 
      $('.popup').fadeOut(1000); 
     }); 

HTML:

<div class="popup"> 
    <span id="close">Close</span> 
    <!-- content --> 
</div> 

Answer 1

Vielen Dank für Ihre Vorschläge, die .on() Handler, ich konnte nicht funktionieren, keine Ahnung warum, also entschied ich mich, @faino Vorschlag zu verwenden.

Ich erstellte das enthaltene div in html und setzte seine Eigenschaft auf display:none, dieses div enthielt auch die span#close, die verwendet wird, um das Popup zu schließen.

Wenn ein Element geklont wurde, ist es in diesem enthalten div angehängt wurde, und wenn ich auf der span#close geklickt wird, entfernt es den geklonten und stellen Sie die enthaltenen Divs Eigenschaft zurück zu display:none

Auf diese Weise ist die span#close nicht geklont und benötigt das Ereignis nicht erneut ausgesetzt.

Nochmals vielen Dank für Ihre Antworten!

Answer 2

Sie suchen wahrscheinlich für den Fall on() von jQuery ausgesetzt - Sie könnte Verwendung live() aber dies ist veraltet und jetzt sehr entmutigt.

Also, so etwas wie:

$('span#close').on('click', function(e) { }); 

Answer 3

Versuchen:

$("span#close").on("click", function(){ 
    $('.popup').fadeOut(1000); 
}); 

Answer 4

Sie müssen Ereignisse während des Klonens kopieren. Siehe this guten Artikel. Denken Sie auch daran, dass ID Attribut muss in dem Dokument eindeutig sein. Stellen Sie nach dem Klonen sicher, dass Sie keine doppelten Elemente mit identischen IDs haben.