Rails/Javascript：JQueryVectorマップがページロードにロードされない

私のレールアプリケーションでは、JQV mapを使用していくつかのデータを含む世界地図を表示しています。問題があるのは、ページを読み込むときに地図が読み込まれていない、 `Ctrl + Shift + rを押すと地図が読み込まれるだけです。私はそれが私のapplication.html.erbファイルのページの読み込みにロードするように設定しました。Rails/Javascript：JQueryVectorマップがページロードにロードされない

<!-- Jvector Map --> 

<script> 
$(document).on('ready page:load', function(){ 
    jQuery('#vmap').vectorMap({ 
    map: 'world_en', 
    backgroundColor: null, 
    color: '#ffffff', 
    hoverOpacity: 0.7, 
    selectedColor: '#666666', 
    enableZoom: true, 
    showTooltip: true, 
    values: numberYouth, 
    scaleColors: ['#ffffff', '#006491'], 
    normalizeFunction: 'polynomial', 
    onLabelShow: function (event, label, code) { 
     if (numberYouth[code] > 0) 
      label.append(': '+numberYouth[code]+' Youth'); 
    } 
}); 
}); 
</script>

編集：他のいくつかのJavascriptのものは、ページをリロードせずに読み込まれていないように見えました。いくつかのページでは、javascriptオブジェクト（これは国のデータをこのマップから保持しているなど）を別のjavascriptファイルに格納しています。単一の変数であっても、これらをページロードブラケット関数に含める必要がありますか？

ここでライブアプリを見ることができます。 here。

誰もが読み込まれていない理由について知っていますか？

出典

2016-07-13 Jason Bourne