【问题标题】:Rails/Javascript: JQueryVector Map Not Loading on Page LoadRails/Javascript:页面加载时未加载 JQueryVector 地图
【发布时间】:2016-07-13 21:02:48
【问题描述】:

在我的 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.

有人对它为什么不加载有任何想法吗?

【问题讨论】:

    标签: javascript jquery ruby-on-rails jvectormap jqvmap


    【解决方案1】:

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

    【讨论】:

    • 我最终只是关闭了 Turbolinks……它工作得很好!我知道最好安装它,但该应用程序非常基础,因此页面加载并没有真正受到影响。谢谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-03-31
    • 2016-11-07
    • 1970-01-01
    • 2014-06-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多