javascript - 上書きされる要素の内部からコンテンツが削除されない

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>

しかし 、これはどのように見えるかです：

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に更新すると、問題が解決したようです。