需要引用js文件
<script type="text/javascript" src="js/template.js"></script>
设置模板
<div id="facelist"></div>
<script type="text/html" id="facetemplate">
<div id="faces" hidden="">
<div data-html="true" class="face-tooltip big-face-tooltip " id="rect3284" style="left: {{left}}px; top: {{top}}px; width: {{width}}px; height: {{height}}px; border: 1px solid white; position: absolute;">
</div>
<div class="tooltip fade top in" role="tooltip" style="top: {{top}}px; left: {{left+width}}px; display: block;">
<div class="tooltip-inner">
<div>
颜值:<span id="scoretext">{{score}}</span><br/>
年龄:<span id="agetext">{{age}}</span><br/>
性别:<span id="agetext">{{sex}}</span><br/>
评价:<span id="desctext">{{desc}}</span>
</div>
</div>
</div>
</div>
</script>
给模板设置数据
var facelist=$("#facelist").empty();
initParams.left=10;
initParams.top=10
initParams.width=0
initParams.height=0
initParams.age=1
initParams.sex=1;
initParams.desc='123123'
initParams.score='3333'
facelist.append(template("facetemplate",initParams));
$("#faces").show();