Rails/Javascript:JQueryVector映射在页面加载时未加载

在我的rails应用程序中，我使用它来显示包含一些数据的世界地图。唯一的问题是，当我加载页面时，地图没有加载，它只在我按下'ctrl+shift+r'时加载。我将其设置为在application.html.erb文件中的页面加载时加载，如下所示

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

$（document）.on（'ready page:load'，function（）{
jQuery（“#vmap”）.vectorMap({
地图：“世界”，
背景颜色：空，
颜色：“#ffffff”，
悬停不透明度：0.7，
所选颜色：“#666666”，
enableZoom:true，
showTooltip:true，
值：numberOuth，
缩放颜色：['#ffffff'，'#006491']，
正规化函数：“多项式”，
onLabelShow：函数（事件、标签、代码）{
如果（numberOuth[code]>0）
label.append（':'+numberouth[code]+'Youth'）；
}
});
});

编辑：我还注意到，在不重新加载页面的情况下，其他一些Javascript内容似乎无法加载。对于一些页面，我在一个单独的javascript文件中有javascript对象（例如，保存来自此地图的国家数据）。对于单个变量，是否必须在页面加载括号函数中包含这些变量

您可以在此处查看live应用程序

---

有人知道为什么不加载吗？

我在应用程序中加载tinymce时遇到一些问题。这是由turbolink造成的，在我为该特定页面禁用它后，问题就消失了。

我在应用程序上加载tinymce时遇到一些问题。这是由turbolink造成的，在我为该特定页面禁用它后，问题就消失了。

我最终只是关闭了turbolink。。。它工作得很好！我知道最好打开它，但应用程序非常基本，因此页面加载不会受到影响。谢谢我只是关掉了涡轮链接。。。它工作得很好！我知道最好打开它，但应用程序非常基本，因此页面加载不会受到影响。谢谢