Question

我正在尝试建立一个网站，点击链接，另一个html文件的内容加载到div中。我已经搜索了很长时间，发现了很多信息，并且做了我认为最简单的测试用例。在我上传任何内容之前，我想确保它有效，因此我在本地计算机上测试代码（Mac OS中的Chrome）。

但是，我在Mac上使用Chrome浏览器的所有链接都显示为“HOME”，点击它时没有任何反应！

有谁知道问题可能是什么？问题是因为html代码，还是调用jQuery的问题？

这是主站点的内容（链接所在的位置）：

<!DOCTYPE html>
<html>
<head>
<script  src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
</script>
</head>
<body>

<a href ="#" id="load_home"> HOME </a>

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

<script>
$(document).ready( function() {
    $("#load_home").on("click", function() {
        $("#content").load("content.html");
    });
});
</script>

</body>
</html>

这是content.html

<h2>This is content</h2>
<p>This is text!</p>

非常感谢任何帮助！

/ Joakim

PS。 W3Schools的这个例子是类似的，并在他们的网站上工作： https://www.w3schools.com/jquery/jquery_ajax_load.asp

在本地计算机上使用jquery将html页面加载到div中

0 个答案: