通过JSQUERY/AJAX注入的页面在任何Chromium浏览器中都无法正确显示

StackOverflow https://stackoverflow.com/questions/3585424

  •  01-10-2019
  •  | 
  •  

题

显然，与注入页面相关的CSS不会由铬加载。但是，它在IE8/O 10.x/ff3.6x中运行良好。

因此，提出了一个问题 - 我在HTML编码，Chromium Bug或jQuery Bug中的愚蠢？那就是我能想到的。

这是所讨论的页面，消除了所有非必需的JS http://logistik-experte.gmxhome.de/test.html, ，导航到简历并查看区别。这基本上使我发疯，因为在某个地方缺少这一点，因此，任何合理的建议/帮助都将不胜感激。

干杯

有帮助吗？

解决方案

我同意Buggabill：在Chrome 5中为我工作的工作。（至少在服务器上；从本地文件系统加载文件可能存在问题。）

但是，您的方法有问题。通过仅由脚本加载页面内容，您使您的页面无法访问非JavaScript用户，其中包括所有搜索引擎。另外，您不能使用“后退”按钮，并且页面不可行，不可打开的新菜单等等。

基本上您已经重新发明了所有问题 <frameset>, ，没有人再使用帧的原因。在您熟悉可以提供可访问性和可用性的方式之前，您不应该真正部署这种解决方案。至少，您需要将导航链接指向包含其内容的真实页面。然后考虑允许基于哈希的导航，因此动态加载的页面具有一个唯一的URL，可以在之间导航，并在首次输入URL时在加载时间重新加载所选页面。

另外，如果您将内容加载到页面中，则应注意仅加载所需的内容，例如使用 load('portfolio.html #somewrapperdiv'). 。否则您将插入完整的HTML，包括 <!DOCTYPE> 和 <head> 所有这些，这显然没有意义。

老实说，就像目前一样，我看不到动态加载的意义。您已经花了很多时间来实施一个不寻常的导航方案，这些导航方案在简单的独立导航页面上，但没有明显的优势。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top