Question

我有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（）不起作用。任何建议将不胜感激！

Answer 1

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

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

Answer 2

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

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

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

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

JQuery .load（）不起作用。但是css适用

2 个答案: