javascript - 为什么 "load"不起作用？

Question

index.html:

<div id="divTestArea2"></div>
<script type="text/javascript">

$("#divTestArea2").load("index-2.html #test");

</script>

index-2.html:

<div id="test"><b>Hello World!</b></div>

为什么“加载”不起作用？

Answer 1

假设:

1. $ 尚未定义；您的脚本可能需要在页面中包含 jQuery 后运行。如果是这种情况，您应该会看到控制台错误。
2. index-2.html 不是基于当前页面 URL 的有效相对 URL。查看开发人员工具的网络选项卡，查看是否正在执行对 index-2.html 的请求。如果您收到 404 错误，则可能是网址不正确。

编辑

现在您已经发布了错误，我们知道原因是#1； $ 仅当您在页面中包含 jQuery 时才会定义。如果您已有该脚本标记，请将代码移至该标记之后。如果不这样做，请尝试添加如下内容:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>