JQuery .load() 不工作.但 CSS 适用

我有 1.html 和这个 pi 相同的位置.html

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

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

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

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

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

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

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

相关内容

最新更新

热门标签：