Rails/Javascript：页面加载时未加载 JQueryVector 地图

Question

在我的 rails 应用程序中，我正在使用 JQV map 显示带有一些数据的世界地图。唯一的问题是，当我加载页面时地图没有加载，只有当我按下 `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>

编辑：我还注意到，如果不重新加载页面，其他一些 Javascript 内容似乎不会加载。对于几页，我在单独的 javascript 文件中有诸如 javascript 对象（例如，它保存这张地图中的国家/地区数据）之类的东西。即使是单个变量，我是否必须在页面加载括号函数中包含这些？

您可以在此处查看实时应用。 here.

有人知道为什么它没有加载吗？

Answer 1

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

Rails/Javascript：页面加载时未加载 JQueryVector 地图

Rails/Javascript: JQueryVector Map Not Loading on Page Load

javascript

jquery

ruby-on-rails

jvectormap

jqvmap