template模板中的if判断语句

最新推荐文章于 2025-10-22 14:15:21 发布

原创最新推荐文章于 2025-10-22 14:15:21 发布 · 3.8w 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍了一种使用jQuery和自定义模板引擎实现动态内容填充的方法。通过简单的代码示例展示了如何加载jQuery库文件及模板引擎，并根据不同的数据源条件渲染页面元素。

1.引入jQuery.js

<script src="js/jquery.min.js"></script>

2.引入模板

<script src="js/jquery.tmpl.js"></script>

<div class="main_bot">
    <i>${data_source.pv}</i>浏览 
    {{if data.bottom.user == undefined}}
    <div class="main_bot_wen" style="border: 1px solid ${data.bottom.tag.border_color};color: ${data.bottom.tag.text_color};">
           ${data.bottom.tag.text}
    </div>
    {{else}}
    <div class="main_bot_tou">
        ${data.bottom.user.name}
        <img src="${data.bottom.user.logo}" alt="">
    </div>
    {{/if}}
</div>