如何使用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模板。 請參閱此文檔以獲取有關它們如何工作的良好概述。

Answer 2

查看jQuery 加載方法以及一些其他Ajax調用：

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