フォーム私は私のウェブサイト上の出口ポップアップを持ってポップアップ

Question

では動作しません、この出口ポップアップのコードがある：

<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> 

ニュースレター形式のコードは完全に働いているnoramlフォームに正確である：

私はポップアップでこのフォームに何かを入力してこれを送信すると、ページがリロードされ、何も起こりません。私はこのポップアップフォームを修正することができますか？

Answer 1

フォームは、ページのロード後に生成されるので、イベントがそれにバインドされていなかったとして、あなたは親要素にイベントを委任する必要があります。

ここ $(document)

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

が最も近い静的親要素に置き換えることができます。これは、フォームを含む他のラッパー要素ですが、DOM準備完了イベントが発生したときにロードする必要があります。