1.引入js文件
<script src="__JS__/template.js" type="text/javascript"></script>
2.规定要显示内容的div
<div id="sortGoodsBox"> </div>
3.jquery显示的模板内容
<script id="sortGoodsTemplate" type="text/html">
{{each list as value i }}
<p class="list-group-item-heading">
{{value.name}}
</p>
{{/each}}
</script>
4.juery获取数据
var data={'list': list};
vat _html=template("sortGoodsTemplate",data);
$("#sortGoodsBox").append(_html);
本文介绍了一种利用jQuery模板引擎来动态展示商品列表的方法。具体步骤包括:引入jQuery及模板文件、定义显示内容的区域、设置模板内容、获取并填充数据到页面中。
419

被折叠的 条评论
为什么被折叠?



