jquery.tmpl.min.js的使用实例

首先引入
建立自己的模板

<script id="entry-screen" type="text/x-jquery-tmpl">
    <div class="walllist-item" data-taskid="{{= TaskId}}" data-type="{{= TaskType}}" data-client-type="{{=ClientType}}">
        {{if TaskType==4}}
            {{if ClientType > -1}}
            <a target="_blank" href="/MicroSurvey/G/Vote?_taskId_=${TaskId}">
                <img src="{{= ImagePath}}" />
            </a>
            {{else}}
            <a target="_blank" href="/MicroSurvey/G/Vote?_taskId_=${TaskId}">
                <img src="{{= ImagePath}}" />
            </a>
            {{/if}}
        {{/if}}
        {{if TaskType==5}}
            {{if ClientType > -1}}
            <a target="_blank" href="/MicroSurvey/M/PcShakePage?_taskId_=${TaskId}">
                <img src="{{= ImagePath}}" />
            </a>
            {{else}}
            <a target="_blank" href="/MicroSurvey/M/PhoneShakePage?_taskId_=${TaskId}">
                <img src="{{= ImagePath}}" />
            </a>
            {{/if}}
        {{/if}}
        <p>{{= Name}}</p>
    </div>
</script>

获取数据源并向模板赋值
data = { Name: title, ImagePath: cursrc,TaskId:myWallList[taskidkey].Id,TaskType:”0”,ClientType:iswin};
$(“#entry-screen”).tmpl(data).appendTo(‘#walllist’);