在我的 Rails 应用程序中,我使用JQV 地图来显示带有一些数据的世界地图。唯一的问题是,当我加载页面时地图没有加载,只有当我按下`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 对象(例如,它保存此地图中的国家/地区数据)之类的东西。即使是单个变量,我是否必须在页面加载括号函数中包含这些变量?
您可以在此处查看实时应用程序。在这里。
有人对它为什么不加载有任何想法吗?