当div被隐藏时如何设置背景色
当div被隐藏时如何设置背景色
提问于 2014-10-09 15:26:00
我向下滑动，并在单击时显示隐藏的div。
<style>
hide { display: hidden;}
content { background-color: black; }
</style>
<div class="content, hide">
<script>
$(.content).slideDown();<br>
$(.content).removeClass("hidden");
</script>除了设置背景颜色之外，一切都可以正常工作。我试过用jQuery .css()设置背景颜色，但不起作用。当我删除hide类时，它可以正常工作。
回答 5
Stack Overflow用户
发布于 2014-10-09 15:31:53
所以有几点：
- 删除类名中的逗号
<div class="content hide">...</div> - CSS类应以句号/句点(.)开头
.hide { display: hidden; }
.content { background-color: black; }
display: hidden是正确的，你在你的hide类中寻找display:none。或者，您正在寻找visibility:hidden.
- jQuery选择器应该包含引号
$('.content')
- The您要删除的类应该隐藏而不是隐藏
$('.content').removeClass("hide");
- Technically您不需要删除
.hide类，因为slideDown()将添加display:block覆盖。
- 在您的脚本中，您似乎有一个随机的
<br>，这将导致语法错误。
$(function () {
$('.content').slideDown();
});.hide { display: none; }
.content {
background-color: black;
height: 100px;
}
.content h1 { color: white; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="content hide">
<h1>My Content</h1>
</div>
Stack Overflow用户
发布于 2014-10-09 15:29:58
从div的class属性中删除comma
<div class="content, hide" to <div class="content hide"像这样制作css：
.hide { display: hidden; }
.content { background-color: black; }让jquery像这样：
$('.content').slideDown();
$('.content').removeClass("hide");Stack Overflow用户
发布于 2014-10-09 15:32:05
更新您的代码：“从html类中删除，然后将.添加到css中的类中，并将'‘添加到jquery中”
HTML
<div class="content hide">CSS
.hide { display: hidden; }
.content { background-color: black; }脚本
$('.content').slideDown();
$('.content').removeClass("hide");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26272623
复制相关文章
相似问题
腾讯云开发者
