|
1, 第一张图, 没有使用 DOT. 虽然实时浏览可以看, 但真机测试 显示不了, 问题还是没变。
2, dot.min.js 学习过: 我的理解是使用DOTJS, 有模板, 和调用 两者 都不能缺。
for array iteration 数组
格式:
{{~data.array :value:index }}
...
{{~}}
数据源:{"array":["banana","apple","orange"]}
区域:<div id="arrays"></div>
模板:
<script id="arraystmpl"type="text/x-dot-template">
{{~it.array:value:index}}
<div>{{= index+1 }}{{= value }}!</div>
{{~}}
</script>
调用方式:
var dataArr ={"array":["banana","apple","orange"]};
var arrText = doT.template($("#arraystmpl").text());
$("#arrays").html(arrText(dataArr));
我把问题代码贴出来, 请大神们帮助分析下原因。跪谢。
=============
<body>
<header class="header" id="header">
<img id="banner" class="banner" src="../image/default_rect.png">
</header>
<section id="list" class="list"></section>
<div class="push-status" id="pushStatus">上拉显示更多</div>
</body>
<script id="template" type="text/template">
{{~ it:data }} {{? 0== data.showType }}
<div class="ware ware-0">
<div class="content" tapmode="active">
<img class="thumbnail" id="img_{{= data.id}}" src="../image/default_rect.png">
<div class="info">
<span class="price">RMB{{= data.price }}</span>
<span class="unit">/{{= data.unit }}</span>
<span class="orgin-price"> 超市:<del>{{= data.originPrice }}元</del></span>
</div>
</div>
<div class="control">
<div class="panel" id="panel_{{= data.id }}">
<img class="minus" src="../image/minus.png" tapmode="active">
<div class="count" id="count_{{= data.id }}">0</div>
</div>
<img class="add" src="../image/add.png " tapmode="active">
</div>
</div>
{{??}}
<div class="ware ware-1">
<div class="content" tapmode="active">
<img class="thumbnail" id="img_{{= data.id }}" src="../image/default_square.png">
<div class="info">
<div class="name">{{= data.name }}</div>
<div class="description">{{= data.description }}</div>
<div class="price-tag">
<span class="price">¥{{= data.price }}</span>
<span class="unit">/{{= data.unit }}</span>
</div>
<div class="origin-price">超市:
<del>{{= data.originPrice }}元</del>
</div>
</div>
</div>
<div class="control">
<div class="panel" id="panel_{{= data.id }}">
<img class="minus" src="../image/minus.png" tapmode="active">
<div class="count" id="count_{{= data.id }}">0</div>
</div>
<img class="add" src="../image/add.png " tapmode="active">
</div>
</div>
{{?}} {{~}}
</script>
<script type="text/javascript" src="../script/doT.min.js"></script>
<script type="text/javascript">
|
|