wie Overlay in jquery zu schließen (Event nicht binden)?

Question

Könnten Sie mir bitte sagen, wie Sie Overlay in jQuery schließen? .Aktuell, wenn ich auf die Schaltfläche klicken, zeige ich overlay. Auf overlay gibt es close button.On Klick auf Schließen-Schaltfläche Ich möchte Overlay zu schließen? I wie

hier zu erreichen ist mein Code

https://plnkr.co/edit/DdujoTZJBDdqSwBybGAM?p=preview

Code: -

$(function(){ 
    $('#btn').click(function(){ 
    $('body').append($('#overlay').html()) 
    }) 
    $('#closeBtn').on('click',function(){ 
    alert('close'); 
    $('.overlay').hide(); 
    }) 
}) 

Answer 1

Wenn Sie versuchen, die schließen Ereignis zu binden, die Schließen-Schaltfläche ist noch nicht erstellt . So haben Sie die Veranstaltung zu einem übergeordneten Elemente zu binden, um dynamisches Elements der Ereignisse an der Arbeit:

$('body').on('click','#closeBtn',function(){ 
    $('.overlay').hide(); 
}) 

Demo

Oder auch die enge Veranstaltung in dem Show-Event gesetzt:

$('body') 
     .append($('#overlay').html()) 
     .find('#closeBtn') 
      .on('click',function(){ 
       $('.overlay').hide(); 
      }) 

Demo