gpt4 book ai didi

javascript - 图像高度始终返回为 0

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:08:27 25 4
gpt4 key购买 nike

我正在尝试关注 this所以回答如何给图像着色,但是当我这样做时,$("#myselector").height(); 一直返回为 0。我做错了什么?这是我的代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<link rel="stylesheet" href="style.css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<script src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>

<script>
$(document).ready(function() {
overlay = $("#overlay");
img = $("#myimg");
overlay.width($("#myimg").width());
alert($("#myimg").height());
overlay.height("100");
overlay.css("top", img.offset().top + "px");
overlay.css("left", img.offset().left + "px");

});


</script>

<body id="home">

<div id="overlay" class="overlay"></div>
<img id="myimg" src="building.png" />

</body>
</html>

最佳答案

我最好的猜测是图像尚未加载。

您的脚本就绪 运行。如果将其更改为 onload,您可能会得到更好的结果。

改变

$(document).ready(function() {

$(window).load(function() {

更多:window.onload vs $(document).ready()

关于javascript - 图像高度始终返回为 0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18186710/

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