JavaScript - Jquery use Template

JavaScript - Jquery use Template

通常我們會需要動態產生許多的列表項目,

但這些列表項目可能很複雜,而且要使用前端ajax後產生,

就需要一個範本,

後來從網路上查到,範本可以使用<script>的方式隱藏起來,需要的時候呼叫使用

使用方法如下

 <script id="item-template" type="text/x-custom-template">
	<a href="" target="_blank">Item1</a>
 </script>
 <div id="itemList">
 </div>
 <script>
      var template = $($('#item-template').html());
      $('#itemList').append(template);
 </script>


這樣就不會使用很麻煩的方式,append 畫面了。