Handlebar.jsがテンプレートをリフレッシュしない

Question

OK。私のHTMLは以下のように見えます。

<div id="json"></div> 

<div id="content-placeholder"> 
    <script id="some-template" type="text/x-handlebars-template"> 
    <table> 
     <thead> 
     <th>col 1</th> 
     <th>col 2</th> 
     </thead> 
     <tbody> 
     {{#results}} 
     <tr> 
      <td>{{col_1}}</td> 
      <td>{{col_2}}</td> 
     </tr> 
     {{/results}} 
     </tbody> 
    </table> 
    </script>      
</div> 

私はHandlebar.js経由で上記のデータを入力しており、データはサーバーから受信されます。ここにコードがあります。

$.get(get_data_url, function(data) 
{ 
    $('#json').empty().append(data); 
    var rows = eval('(' + data + ')'); 

    var source = $("#some-template").html(); 
    var template = Handlebars.compile(source);         
    $("#content-placeholder").empty().append(template(rows)); 
}); 

初めてコードを実行すると、正常に表示されます。しかし、私が$ .getを2回目などと呼び出すと、テンプレートは新しいデータでリフレッシュされません。

また、データ・ストリング全体を印刷して、サーバーからデータがリフレッシュされていることを確認します。

Chromeをチェックすると、「Uncaught TypeError：nullのメソッド 'match'を呼び出すことができません」というメッセージが表示されます。

"コンパイル"と関係がありますか？

Answer 1

あなたがこれを行う最初の時間：

$("#content-placeholder").empty()... 

あなた<div>この変身：

<div id="content-placeholder"> 
</div> 

そして、あなたのテンプレートがなくなっています。 #content-placeholder外のどこかに

<script id="some-template" type="text/x-handlebars-template"> 
    ... 
</script> 

：あなたのテンプレートを移動します。