gpt4 book ai didi

javascript - 在 jQuery 中 : how to make a function update when the user expands the window

转载 作者:行者123 更新时间:2023-11-28 20:07:58 25 4
gpt4 key购买 nike

任何人都可以告诉我如何使用 jQuery 使 #mydiv 在用户展开窗口时使用 jQuery 保持窗口的整个高度。在此示例中,它仅调整页面加载时的高度。我需要它在用户扩展窗口时进行调整。

<html><head>
<script src="js/jquery.js"></script>

</head><body>
<style>

#mydiv {
background-color: blue;
height: 50px;
}

</style>

<div id="mydiv"></div>
</body></html>

<script>

if($("#mydiv").height() < $(window).height())
{
$("#mydiv").height($(window).height());
}

</script>

</body>
</html>

最佳答案

        <!DOCTYPE html>  
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
#mydiv {
background-color: blue;
height: 50px;
}

</style>
</head>
<body>


<div id="mydiv"></div>

<script src="js/jquery.js"></script>
<script>
$(window).on('load', function(){
$("#mydiv").height($(window).height());
$(window).on('resize', function(){
$("#mydiv").height($(window).height());
});
});

</script>

</body>
</html>

关于javascript - 在 jQuery 中 : how to make a function update when the user expands the window,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20433497/

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