javascript - Rails/Javascript : JQueryVector Map Not Loading on Page Load

Question

在我的 Rails 应用程序中，我正在使用 JQV map显示带有一些数据的世界地图。唯一的问题是，当我加载页面时， 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 对象(例如，保存此 map 中的国家/地区数据)之类的内容。即使对于单个变量，我是否必须将它们放在页面加载括号函数中？

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

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

Answer 1

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