解释正在发生的事情的最简单方法是举例:
前:
<div id="top">
<div>Row 1 - Horse</div>
<div>Row 2 - Pony</div>
</div>
现在我调用车把来覆盖 $('#top') :
<div>Row 1 - Cat</div>
后:
<div id="top">
<div>Row 1 - Cat</div>
</div>
但是 这就是它的样子:
Row 1 - Cat
Row 2 - Pony
直到我手动突出显示第 2 行 - 小马或按 CTRL+A 后,文本才会消失。这似乎是 JS 中的某种重绘问题,我找不到其他人以前遇到过这个问题。
编辑代码示例
JS
var source = $("#top_html").html();
var template = Handlebars.compile(source);
$('#top').html(template({
'load_top':'1',
data_obj:return_obj
}));
车把
{{#if load_top}}
{{#foreach data_obj}}
<div>{{name}}</div>
{{/foreach}}
{{/if}}