Formular funktioniert nicht auf Popup

Question

I Exit Popup auf meiner Website hat, gibt Code dieses Exit Popup ist:

<script type="text/javascript"> 
     bioEp.init({ 
     html: '<div id="bio_ep_content">' + 
     '<img src="/static/newsletter.png" alt="Newsletter" />' + 
     '<span>Zapisz się do newslettera</span>' + 
     '<span>Chcesz być na bieżąco z tym, co dzieje się w branży budowlanej? Zapisz się do naszego newslettera! Co 2 tygodnie otrzymasz wiadomość o najnowszych artykułach i inspiracjach!</span>' + 
     '<form id="newsletter" class="newsletter exitpopup">' + 
     '<input type="text" name="email" placeholder="Email" /> <input type="submit" value="Zapisz się" />' + 
     '<span class="info error"></span>' + 
     '<span class="info success"></span>' + 
     '</form>' + 
     '</div>', 
     cookieExp: 0 
    }); 
    </script> 

Der Code für Newsletter Form ist genau die Form noraml, die voll funktionsfähig ist:

Aber wenn ich etwas in dieses Formular in Popup eintippe und übergebe dies, dann Seite neu laden und nichts passiert. Normalform voll funktionsfähig, also wie kann ich dieses Popup-Formular beheben?

Answer 1

Sie haben das Ereignis an das übergeordnete Element zu verteilen, wie die Form nach dem Laden der Seite erzeugt wird, so auf sie Ereignis nicht gebunden:

$(document).on('submit', 'form#newsletter', function() { 

Hier $(document) kann mit dem nächsten statischen Elternelement ersetzt werden . Dies kann jedes andere Wrapper-Element sein, das das Formular enthält, das aber geladen werden muss, wenn das dom ready-Ereignis passiert ist.