Question

您好我正在尝试使用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>

Answer 1

您需要在dom ready

中添加它

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

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

Answer 2

试试DOM ready喜欢

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

你也忘了结束;。你也可以尝试

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

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

2 个答案: