Javascript 使用jQuery调用parital html页面

Javascript 使用jQuery调用parital html页面,javascript,jquery,ajax,html,Javascript,Jquery,Ajax,Html,我想使用jquery调用部分html页面。我见过 问题是它没有将Hey World加载到主页中。另外,控制台中没有错误。 问题出在哪里?尝试更改标记以包含文档。准备好了吗: <script type="text/javascript"> $(document).ready(function () { $('#result').load('Ajax/test.html'); }); </script> $(文档).ready(函数(){

我想使用jquery调用部分html页面。我见过

问题是它没有将
Hey World
加载到主页中。另外,控制台中没有错误。 问题出在哪里?

尝试更改
标记以包含
文档。准备好了吗

  <script type="text/javascript">
    $(document).ready(function () {
     $('#result').load('Ajax/test.html');
    });
  </script>

$(文档).ready(函数(){
$('#result').load('Ajax/test.html');
});
尝试更改您的
标记以包含
文档。准备好了吗

  <script type="text/javascript">
    $(document).ready(function () {
     $('#result').load('Ajax/test.html');
    });
  </script>

$(文档).ready(函数(){
$('#result').load('Ajax/test.html');
});

您试图附加到一个尚不存在的元素

尝试将代码添加到
$(document).ready()
,并且就在
结束标记之前

像这样:

<script>
$(document).ready(function(){
  $('#result').load('Ajax/test.html');
});
</script>

</body>

$(文档).ready(函数(){
$('#result').load('Ajax/test.html');
});

您试图附加到一个尚不存在的元素

尝试将代码添加到
$(document).ready()
,并且就在
结束标记之前

像这样:

<script>
$(document).ready(function(){
  $('#result').load('Ajax/test.html');
});
</script>

</body>

$(文档).ready(函数(){
$('#result').load('Ajax/test.html');
});
$(“#结果”)
一样,
jQuery
无法找到元素,因为
DOM
未准备就绪,因此
jQueryObject.load
方法从未被调用

将脚本包装在中或将您的
放在
最后一个子项中(就在关闭body标签(
)之前)

还有一些事件可以确保加载了
DOM
,但是在IMO中,将
放在
之前更容易选择


$('#result').load('test.html');
$(“#结果”)
一样,
jQuery
无法找到元素,因为
DOM
未准备就绪,因此
jQueryObject.load
方法从未被调用

将脚本包装在中或将您的
放在
最后一个子项中(就在关闭body标签(
)之前)

还有一些事件可以确保加载了
DOM
,但是在IMO中,将
放在
之前更容易选择


$('#result').load('test.html');