在jQuery中成功使用$(tag）.load(）

Using $(tag).load() successfully in jQuery

本文关键字：load tag jQuery 成功      更新时间：2023-09-26

嗨，我正在尝试使用jQuery将一个html文档加载到现有的html文档中。

我已经尝试使用下面的代码，但文本没有加载。

我不知道为什么。有人能告诉我我做错了什么吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">$("#test").load("test.txt")</script>
</head>
<body>
<div id="test"></div>
</body>
</html>

尝试类似的DOM ready

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

你也放弃了结束;。你也可以像一样尝试

$(function(){
     $("#test").load("test.txt");
});

您需要将其添加到dom就绪中

jQuery(function($){
    $("#test").load("test.txt")
})

问题是在执行脚本时，id为test的元素没有被添加到dom中，因此选择器$("#test")将返回零个元素

相关文章：