jquery - クリックイベントのjquery、最初のクリックではなく、2回目のクリックで開きます

Question

シンプルなものが欠けているように感じます。動的に DOM に追加されたモーダル ダイアログを動作させることができません。2 回目のクリックでは機能しますが、最初のクリックでは機能しません。

最初のクリックでこれを起動するにはどうすればよいですか? どんな考えでも大歓迎です。ありがとう

    $("#page3placeholder").on("クリック", "#open-popup", function () {
      $(this).magnificPopup({ 何とか });
    });

dom に追加するコード

 $("#page3placeholder").html('<button id="open-popup" style="margin-top:100px; margin-left:100px;" style="display:none;"  >Open popup</button>');