Question

最简单的方法来解释发生的事情就是例子：

在：

<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>

BUT 这就是看起来像的样子：

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}}

Answer 1

将Chrome更新为24.0.1312.56m似乎解决了这个问题。

内容未被覆盖的元素内部删除

1 个答案: