谷歌浏览器上的 jquery 加载问题答案

【问题标题】：Trouble with jquery load on Google Chrome谷歌浏览器上的 jquery 加载问题
【发布时间】：2010-08-01 18:14:23
【问题描述】：

我正在创建一个只能使用 html 代码的演示（没有服务器端代码，例如 PHP 等）。我想使用 jquery 和 .load 函数来动态调用一些内容。这在 Firefox 中运行良好，但由于某种原因，我想要获取的页面没有在 Chrome (v 5.0) 中加载。

我使用的代码很简单：

  $("div#contentarea").load("ajax/page.html");

然而 page.html 的内容并没有加载。我已经尝试将标准 HTML 标头标签放入（<html>, <head>, <body> 等），并将它们排除在 page.html 文件之外（通常最好将它们排除在外）。

因为这在 Firefox 中有效，所以我在 Firebug 中看不到任何错误消息。

提前感谢您的帮助！

【问题讨论】：

page.html 输出什么？你能展示一个样本吗？您是否 1000% 确定没有其他 ID 为 contentarea 的元素？
这是在服务器上还是在本地文件系统上？
“因为这在 Firefox 中有效，所以我在 Firebug 中看不到任何错误消息。” - Chrome 也有一个类似 Firebug 的控制台。一旦你习惯了它，它就可以很容易地涵盖人们使用 Firebug 的 80%。 CTRL+SHIFT+J。

【解决方案1】：

这是 Chrome 中 bug fix 的结果。

使用 --allow-file-access-from-files 选项运行 Chrome 以解决此问题。或者，将您的代码移动到 Web 服务器上（而不是使用 file://）。

【讨论】：

【解决方案2】：

正如 Strager 所说，将 --allow-file-access-from-files 添加到 Chrome 快捷方式可以解决此问题。我还发现，通过添加 --relauncher，您无需关闭打开的 chrome 窗口即可使用。这对我来说是一件大事！

很高兴我让它工作了。谢谢大家！

【讨论】：

【解决方案3】：

可能有帮助，也可能没有帮助

【讨论】：

【解决方案4】：

作为一种解决方法，我发现 .get 函数运行良好。我不需要使用任何特殊标志运行 Chrome。

$.get(_url, pars, function(data) {
     $( '#ajaxReplaceMe' ).html( data );
});

其中 ajaxReplaceMe 是您希望加载内容的（比如说）div 元素的 id。

【讨论】：