gpt4 book ai didi

javascript - Jquery - 当点击 DIV 并隐藏元素时?

转载 作者:太空宇宙 更新时间:2023-11-04 14:20:29 25 4
gpt4 key购买 nike

我目前正在使用 Jquery 开发 Javascript,它在秒数 = 0 时显示 div block 。

这是我的代码:

<HTML>
<HEAD>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="./test.css" />
<script>
$(function () {
var count = 5,
countdown = setInterval(function () {
$("p.countdown").html(count);
if (count == 0) {
$("p.countdown").hide();
$("p#countblock").show();
clearInterval(countdown);
}
count--;
}, 1000);
});

$('#clickToHide').click(function() {
$("p#countblock").hide();
});
</script>
</HEAD>
<body>

<p id="clickToHide"> X </p>

<p class="countdown"></p>

<p id="countblock"> text to appear </p>
</body>
</HTML>

这是我的 CSS:

#countblock{
display:none;
width:200px;
height:50px;
position:absolute;
background-color:#f1f1f1;
}

一切正常,但当我尝试点击“X”时,它并没有隐藏 countblock。我的错误在哪里以及如何解决?

最佳答案

您的代码是正确的,但它仍然无法正常工作,因为它所在的位置。它在正文之前,因此您必须使用 $(document).ready(); 或将代码放在页面的页脚上。

关于javascript - Jquery - 当点击 DIV 并隐藏元素时?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19978602/

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