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 Map未加载到页面加载

1 个答案: