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，了解它们的工作原理。

Answer 2

查看jQuery load method以及其他一些Ajax调用：

$('#result').load('ajax/test.html');

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

2 个答案: