gpt4 book ai didi

javascript - JQuery 在加载 html 后获取 id

转载 作者:行者123 更新时间:2023-11-30 16:27:47 24 4
gpt4 key购买 nike

我有一个问题。我有两个 .html 文件。

<!DOCTYPE html>
<html><head>...</head>
<body>
<ul><li id="home"><a>Home</a></li></ul>
<div class="content"></div>
<script type="text/javascript" src="Javascripts/navigation.js"></script>
</body>
</html>

<h1>Welcome!</h1>
<div id="imgPanel" style="background:red;">
<img src="Images/me.png" class="img-responsive img-rounded">
</div>
<div id="textPanel" style="background:blue;"></div>

在我的 navigation.js 中,我将第二个 .html 文件加载到第一个 .html 的“内容”-div 中:

$(document).ready(function () {
var content = $(".content");
var a = $("#home");

home();
$('#textPanel').height( $('#imgPanel').height() );

function home() {
content.load("home.html");
}

a.on("click", function () {
home();
});
});

加载成功!我现在的问题是:
如何获取加载到第一个 .html 中的第二个 .html 的 div 的 ID?
var = $("#textPanel");null

最佳答案

由于内容是异步加载的,您可能希望像这样更改代码,以便在可用时执行 $('#textPanel').height():

function home(){
content.load("home.html", function(){
$('#textPanel').height( $('#imgPanel').height() );
});
}

来自 this回调规范

编辑

备选方案:

加载内容的 HTML

<h1>Welcome!</h1>
<div id="imgPanel" style="background:red;">
<img src="Images/me.png" class="img-responsive img-rounded" onload="setHeight()">
</div>
<div id="textPanel" style="background:blue;"></div>

JavaScript

$(document).ready(function () {
var content = $(".content");
var a = $("#home");

home();

function home() {
content.load("home.html");
}

a.on("click", function () {
home();
});
});

function setHeight(){
$('#textPanel').height($('#imgPanel').height());
}

关于javascript - JQuery 在加载 html 后获取 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33844763/

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