gpt4 book ai didi

jquery - 为什么无法显示隐藏部分?

转载 作者:行者123 更新时间:2023-12-01 08:38:25 26 4
gpt4 key购买 nike

我有一个部分默认应该隐藏,所以我这样做了:

<section id="sction" style="display:none">
<div class="card">
</div>
</section>

在 jQuery 中,当我按下按钮时,它应该显示该部分,但事实并非如此。

if($("#btn").click(function(){
$("#sction").show();
}));

Demo

最佳答案

div 的正确显示属性是“block”,而不是“show”。您还可以简单地使用 .show() 而不是 .css("display","block")

但是我不知道为什么您将代码包装在 IF BLOCK 中,但您还必须将其包装在 DOM Ready 中才能初始化函数。

$(document).ready(function(){
if($("#btn").click(function(){
$("#sction").css("display","block");
}));
})
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 40%;
height:350px;
background-color:black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>

<section id="sction" style="display:none">
<div class="card">
</div>
</section>
<button id="btn">
mmmmmmmmm
</button>
</body>
</html>

关于jquery - 为什么无法显示隐藏部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50512041/

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