Question

我正在尝试学习JQuery，并且遇到了一个简单的任务。我有一个页面（dir：root / admin / indexContent.html），我想从另一个页面加载带有ID＃header1的h2标签的内容（dir：root / index.html）。

这是indexContent.html

头部的脚本

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
     $("#indexHeader1").load("../index.html #header1");
});
</script>

我想从index.html加载h2标签：

<h2 id="header1">Home</h2>

我希望在admin / indexContent.html上加载h2标记：

<div id="indexHeader1"></div>

根据我的理解，$（“＃indexHeader1”）是加载内容的选择器，而.load（）中的参数是我要加载的文件的路径，但是这个脚本什么都不做。谁知道为什么？

编辑：在我的代码中添加console.log($("#indexHeader1").length)并阅读我的控制台后，我得到了：

1                                                    indexContent.html:10
GET http://highstreetdeliwb.com/admin/images/navigation/logoClear.png 404 (Not Found)                                              logoclear.png:1

以及更多GET http://site/admin/images/whatever.png行。我不明白为什么它试图获取这些图像，我只想要一个H2元素。另外值得注意的是，这些图像的路径错误。

http://highstreetdeliwb.com/admin/images/navigation/logoClear.png

应该是：

http://highstreetdeliwb.com/images/navigation/logoClear.png

Answer 1

您的代码似乎正确，但是如果您尝试使用ajax（）函数从其他页面获取内容？因为你必须得到一个标签，然后你可以轻松地附加它。

$.ajax({
url: '../index.html',
dataType: 'html',
success: function(html) {
    var div = $('#header1', $(html)).addClass('done');
        $('#indexHeader1').html(div);
    } 
});

试一试。

修改我已经使用您的ID修改了代码，并使用了我在评论中提到的链接。

使用JQuery .load从另一个页面加载div

1 个答案: