Question

所以我从头开始编写this page，使用php，python和bash。该页面从服务器收集数据并显示它。

我想在世界地图上添加工具提示，以便用户可以在点击/鼠标悬停时看到电台名称。我跟着this tutorial。

1-我用#wrapper

包裹了我的世界图像

2-我添加了CSS代码

3-我添加了Javascript代码。

一开始看似很好，工具提示正常工作，但在Google Chrome上，有90％的时间（我在Windows 10上查看此内容），我突然看到世界地图搞砸了，就像接下来，了解数据图：

虽然看起来像这样：

我注意到此问题发生在谷歌浏览器中，而不是在Mozilla Firefox或Microsoft Edge上...为什么会发生这种情况？我觉得一个简单的浮动命令可以修复它。你能帮帮我吗？为什么会这样？

如果您需要任何其他信息，请询问。

更新

我注意到删除脚本的这一部分可以解决问题：

    $('#wrapper').css({'width':$('#wrapper img').width(),
                  'height':$('#wrapper img').height()
})

但是工具提示不起作用。

Answer 1

rome.js部分中包含head。如果它早于html主体加载，它将在早些时候执行，然后加载dom内容。所以evertything第一次起作用，因为js正在加载dom内容。首次刷新js将从缓存中获取并过早执行。

或者您只需将rome.js添加到body部分的末尾即可。

Answer 2

这里有两件事情无法解决：