外部スクリプトからのブートストラップモーダルでのフォームの非同期ロード

Question

ブートストラップモーダルでフォームをロードする際に問題が発生しました。 Formstackというサービスを使用して、自分のWebサイトにフォームを埋め込みます。私に提供された埋め込みコードは、外部スクリプトを使用して適切なCSS、HTML、およびJSをページに読み込みます。問題は、ページが読み込まれると、ブラウザのコンソールに10K +の警告が表示されてしまうことです。すべての警告は同じです。

「ドキュメント」に「書き込み」を実行できませんでした：明示的に開かれていない限り、非同期読み込みの外部スクリプトからドキュメントに書き込むことはできません。ここで

はそのjavascriptのファイルへのリンクです： https://trustdale.formstack.com/forms/js.php/business_contact

外部のJavaScriptを見ると、すべての行はのdocument.write で始まります。私はそれが重要かどうかは分かりませんが、私はブートストラップモーダルでフォームをロードしています。また、フォームが完全に正常にロードされることに注意してください。すべての警告なしにフォームをロードするにはどうすればよいですか？

Answer 1

私はそれを理解しました...私はまだそれを理解していませんが、私はこのhttps://github.com/krux/postscribeを見つけました。これは私のコードを動作させるようです。私はその後、私のフッターにコードのこのセクションを置き、#formCodeのidを持つ私のモーダルで、空のdivを作成しました：

<script> 
     $(function(){ 
      postscribe('#formCode', '<script src={!! $contact_form !!}><\/script>'); 
     }); 
</script> 

の$ CONTACT_FORMは私のスクリプト「SRC」属性の値が含まれています。

また、どのように動作するのかわかりません。誰かが精巧にできたかもしれない