0

我有 1.html 与此 pi.html 相同的位置

pi.html

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
$(function(){
    $('a').click(function(){
        $('#content').css( "border", "3px solid red" );
        $('#content').load("1.html");
       return false;
    })
});
});
</script>
</head>
<body><a href="1.html">1.html</a>
<div id="content"></div>
</body>
</html>

单击链接后，css 应用，但 .load() 不起作用。任何意见，将不胜感激！

4

2 回答 2

2

如果您在本地机器上而不是在 Web 服务器上进行测试，它将无法工作。这是一个必须在 http:// 服务器上运行的 ajax 函数。否则，如果您的文件位于正确的位置，请编辑：您的代码看起来不错。

检查控制台以获取更多详细信息 CONTROL+SHIFT+J 用于 Google Chrome 中的控制台，当您单击加载链接时。

于 2013-11-06T17:58:49.313 回答
0

如果您在本地运行它，Chrome\Safari 将阻止来自本地文件系统的 .load() 请求。

您可以使用 Firefox，或使用 --allow-file-access-from-files 作为选项运行 Chrome。

此外，在网络服务器上运行它也可以正常工作。

编辑：这个答案https://stackoverflow.com/a/13262673/2632329会有所帮助。

于 2013-11-06T19:15:53.463 回答