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

假设：

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

修改

现在您已发布错误，我们知道原因是＃1;只有在您的网页中包含jQuery时才会定义$。如果您已经拥有该脚本标记，请在此之后移动您的代码。如果您不这样做，请尝试添加以下内容：

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

Answer 2

尝试添加#字符以按id选择元素，并将代码放入ready事件中。

$(document).ready(function() {

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

});

您可以将div分成另一个文件，只获取必要的部分，而不是尝试读取文件中的div。

为什么＆＃34;加载＆＃34;不工作？

2 个答案: