jquery - getJson() からのデータに基づいて、情報ウィンドウに星を動的に追加する jquery ratey および jquery ui マップ

Question

jquery uiマップの情報ウィンドウに評価を動的に追加する適切な構成に問題があります。

最初に、 getJson の $.each で外出先でそれをやろうとしました:

$(labelka).raty({ readOnly: true,  score: marker.friendly_rate});

ここで、labelka は次のように設定されていました。var labelka = "#spot"+marker.id ここで、marker.id は getJson からの行の id の値であり、 Friendly_rate は適切な数値です。

結果: 成功しません:

2 回目の試行:何かを参照する前に、それが存在する必要があると思いました。jqxhr=getJson が完了するまで待ちます。したがって、 getJson() では、次のように、グローバルに表示される辞書の key:values にのみ追加します。

pair_mark[labelka]=marker.friendly_rate

そして、 `jqxhr.complete(function() {} の中で私はやろうとしています

jqxhr.complete(関数() {

for (var key in pair_mark){
    $("#map_canvas").find(key).raty({ readOnly: true,  half  : true, score: pair_mark[key] });
}
  console.log( "second complete" );
});`

また: NO SUCCESS

試している間でも：

$(key).raty({ readOnly: true,  half  : true, score: pair_mark[key] })

Google Chrom コンソールのスクリーンショット(BIGGER RESOLUTION) :

ソースコードへのリンク: https://gist.github.com/andilab/2efe76bb1ffbeeaa26ee