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

时间:2010-08-27 14:57:18

标签: javascript css ajax chromium

显然,与正在注入的页面相关的css不会被Chromium加载。但是,它在IE8 / O 10.x / FF3.6x中运行良好。

因此引出了一个问题 - 我在html编码,Chromium bug或jquery bug中的愚蠢?这就是我能想到的。

这是有问题的页面,消除了所有非必要的j http://logistik-experte.gmxhome.de/test.html,导航到恢复并看到差异。它基本上让我疯狂,因为在某处错过了这一点,因此任何合理的建议/帮助都会受到高度赞赏。

欢呼声

1 个答案:

答案 0 :(得分:0)

我同意Buggabill:在Chrome 5中适合我。(至少在服务器上;从本地文件系统加载文件时可能会出现问题。)

但是您的方法存在问题。通过仅通过脚本加载页面内容,您使非JavaScript用户(包括所有搜索引擎)无法访问您的页面。此外,您无法使用后退按钮,并且页面不可书签,不可打开新标签等等。

基本上你已经彻底改变了<frameset>的所有问题,这就是为什么没有人再使用框架的原因。在熟悉可访问性和可用性的提供方式之前,您不应该真正部署此类解决方案。至少,您需要将导航链接指向包含其内容的真实页面。然后考虑允许基于散列的导航,因此动态加载的页面具有可在其间导航的唯一URL,并且在首次输入URL时将在加载时重新加载所选页面。

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

老实说,就目前而言,我没有看到动态加载的重点。您花了很多时间实现一个不寻常的导航方案,与简单的单独导航页面有许多缺点,但没有明显的优势。