我想要一种方法来调用同一页面上 js 中存在的 html 代码和另一个 html 代码

Question

我想要一种方法来调用同一页面上 js 中存在的 html 代码和另一个 html 代码。

比如我想调用在js代码中找到的这个表单：

<script>
$( "#new-projects" ).load( "<form autocomplete='off' name='contact-form' spellcheck='false'><input autocomplete='name' class='contact-form-name' id='ContactForm1_contact-form-name' name='name' required='required' type='text'/><i class='fa fa-user'></i><b>الاسم</b><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' required='required' type='text'/><i class='fa fa-envelope'></i><b>بريد إلكتروني</b><textarea autocomplete='email' class='contact-form-email-message notr' id='ContactForm1_contact-form-email-message' name='email-message' required='required'></textarea><i class='fa fa-quote-right'></i><b>رسالة</b><input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='إرسال'/><div class='contact-state'><p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p><p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p></div><div class='clear'></div></form>" );
</script>

我想在放置此 div 时调用表单：

<div id="new-projects"></div>

Answer 1

这是因为你的 JS 在加载 DOM（用 HTML 语法描述的页面）之前被调用。你需要这样的东西是你的第一个片段：$(document).ready(function() {&nbsp; &nbsp;$( "#new-projects form" ).html( "<form autocomplete='off' name='contact-form' spellcheck='false'><input autocomplete='name' class='contact-form-name' id='ContactForm1_contact-form-name' name='name' required='required' type='text'/><i class='fa fa-user'></i><b>الاسم</b><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' required='required' type='text'/><i class='fa fa-envelope'></i><b>بريد إلكتروني</b><textarea autocomplete='email' class='contact-form-email-message notr' id='ContactForm1_contact-form-email-message' name='email-message' required='required'></textarea><i class='fa fa-quote-right'></i><b>رسالة</b><input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='إرسال'/><div class='contact-state'><p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p><p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p></div><div class='clear'></div></form>" );});和<div id="new-projects">&nbsp; <form></form></div>

Answer 2

将您的 html (&nbsp;<form ...) 放入 .html 文件（如 xxx.html）中，然后调用$( "#new-projects" ).load('xxx.html');

Answer 3

首先，我会将 'load' 更改为 'html' ，似乎不需要加载。然后引用表格：'$(“#new-projects form”)'