Question

我遇到了一个小jQuery问题！我正在使用此代码将html文件（bio.html）的内容加载到div containter（内容）中。这适用于IE8和Firefox 6，但不适用于谷歌浏览器！

任何想法我可能做错了什么？下面是守则：

<head>
    <title>Test</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="./js/jquery.min.js"></script>
</head>

<div id="content">
    hi
</div>

<script type="text/javascript">

    $(document).ready(function(){   

        $('#content').load('./html/bio.html');

    });

</script>

Answer 1

它适用于我的Chrome

http://sandbox.phpcode.eu/g/512ef/2

如果发现任何意外错误，请尝试查看开发人员的检查工具。请确保您使用的是http：//或https：//协议，file：//将无效

Answer 2

如果您要从本地系统加载文件，

.load()将无法在Chrome中使用。

将它放在服务器上可以解决问题。

Answer 3

听起来你在本地运行，这是正确的吗？ Chrome具有一些安全功能，可防止JQuery的加载方法在从本地硬盘运行时失败。试着把它放在某处的服务器上。

Answer 4

问题在于，出于安全原因，Chrome会阻止本地文件.load()。如果您在服务器上使用它，它可以工作，因为所有文件都来自同一个地方。

要在本地启用工作版本，请尝试启用命令行标记启动Chrome：

在Mac OS X中，退出Chrome，输入终端：

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files

在Windows中，退出Chrome，输入命令提示符：

chrome.exe --allow-file-access-from-files

（也许你真的必须走这条道路......我不这么认为。如果是这样，你必须亲自找到它。）

在Linux中，退出Chrome，在终端输入类似内容：

/usr/bin/google-chrome --allow-file-access-from-files

jQuery load（）代码在Google Chrome中无效

4 个答案: