jquery - 如何使用 jquery 使用 <script type ="text/template"> 创建嵌入式 HTML 模板

Question

我想创建可以使用脚本标记从 jQuery 调用的 HTML 模板，然后能够使用 jQuery 显示 HTML。

<script type="text/template">
   <div id="new-post">
     <form>
       <label>Post Title</label>
       <input type="text" id="post-title"/>
       <input type="submit" value="Save"/>
     </form>
   </div>
</script>

我在 stackoverflow.com 上找到了其他帖子，但没有一个是我要找的。任何关于如何使这项工作的建议将不胜感激。

Answer 1

您正在尝试的应该可以正常工作。如果你有这样的事情:

<script type="text/html" id="post-template">
  <div id="new-post">
    <form>
      <label>Post Title</label>
      <input type="text" id="post-title"/>
      <input type="submit" value="Save"/>
    </form>
  </div>
</script>

您应该能够执行此操作以提取模板:

var template = $('#post-template').html();

更好的是，考虑使用 jQuery 模板。参见 this documentation以便更好地了解它们的工作原理。