gpt4 book ai didi

包含另一个 HTML 文件的 HTML 文件

转载 作者:太空宇宙 更新时间:2023-11-04 02:13:54 26 4
gpt4 key购买 nike

我创建了一个网页,我想在其中显示另一个 HTML 文件。我使用 jQuery 来执行此操作,但无法显示我包含的文件的内容。为什么你认为这会发生。非常感谢。

这是我主页的代码。

sample.html

<html>
<head>
<title> Sample Only </title>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>
<script>
$(function(){
$('#footerLang').load("sampleFooter.html");
});
</script>


</head>

<body>

<div id="footerLang">
<h1></h1>
</div>

</body>

</html>

sampleFooter.html

<p> THIS IS A FOOTER </p>

最佳答案

这很可能是因为您将以下 block 放在 head 中没有$(document).on("ready", function() { ...; });

$(function(){
$('#footerLang').load("sampleFooter.html");
});

在这种情况下 jQuery将无法找到 #footerLangDOM 以来的元素还没有准备好,你可以修改脚本如下

$(function(){
$(document).on("ready", function () {
$('#footerLang').load("sampleFooter.html");
});
});

或者将脚本标签移动到 </body> 之前

<html>
<head>
<title> Sample Only </title>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>


</head>

<body>

<div id="footerLang">
<h1></h1>
</div>

<script>
$(function(){
$('#footerLang').load("sampleFooter.html");
});
</script>
</body>

</html>

关于包含另一个 HTML 文件的 HTML 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39264345/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com