在URL更改时，SVG在firefox中消失（jquery.history.js）

Question

在www.xc-tournament.com/tournament/10你可以看到一个划桨网球联盟。参与者名称附近的六边形为svg，背景为填充（将有应用用户个人资料图片）。

当用户点击任何左列选项时：Clasificación（分类）， Primera Jornada （第一轮）或Información（信息），或当用户点击 Siguiente （下一个）或 Anterior （上一个）时，操作顺序为：

• window.History.pushState(...)使用新网址
• 如果必须从服务器加载内容（不是这种情况）
  • 进行AJAX调用以加载它
• 否则
  • hide主要组件（通过jQuery）
  • show所选的

问题在于此操作和仅在Firefox （不同版本和操作系统）中，svg六边形在某些位置消失，如左列或分类表。 DOM对象没有改变，也没有找到关于它们为什么不显示的任何线索。

正如我所说，没有新内容只是隐藏或显示jQuery，并且网址被改为mantain导航。

¿这是Firefox中的错误吗？ ¿有什么办法可以避免吗？

Answer 1

你可能有xml：base set。 pushState会影响这一点，并表示您的网址发生了变化。要解决此问题，请在填充属性中使用绝对URL而不是相对URL。

Firefox根据各种规范正常运行，但这并不是非常有用，我们认为规格应该有所改变。