我正尝试在div上创建一个类,然后将其删除。首先,我认为就像我之前用toggleClass那样做,但似乎并不奏效,因为我正在向ID添加一个类,而不是类。我希望我的标题也有类黑色背景:headerbg。无法使用Javascript从div中删除类
另外我有一个关于我的汉堡菜单的颜色的小问题。在汉堡包菜单上按下时,我想要在课堂上切换白线的颜色(橙色而不是白色)。
My live version where it is on, works only when 1024px or smaller
我的JavaScript
$(document).ready(function(){
$(".hamburger").click(function(){
$(".hamburger").toggleClass("closed");
$(".menu").toggleClass("show");
$("header").addClass('headerbg');
});
});
我的CSS
.hamburger div{
height: 3px;
background-color: white;
margin: 5px 0;
border-radius: 25px;
transition: 0.3s;
}
.hamburger {
width: 30px;
display: none;
margin: 3em 3em 3em 0;
float: right;
transition: all 0.75s 0.25s;
}
.one {
width: 30px;
}
.two {
width: 20px;
}
.three {
width: 25px;
}
.hamburger:hover div {
width: 30px;
}
.hamburger.closed {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
@media only screen and (max-width: 1024px) {
.menu {
width: 100%;
background: #000;
margin: 0;
display: none;
}
.show {
width: 100%;
background: #000;
margin: 0;
display: block;
}
.headerbg {
background: #000;
}
.hamburger {
display: block;
}
}
如果有人可能会导致我一个很好的例子,甚至更好的帮助我,我真的很欣赏它!刚刚从HTML/CSS中折腾了2.5年后又回来了。
感谢您查看这个问题!
只要你不明确所期望的行为状态,您将可以大大减少我们的机会来帮你。你不应该试图*“在div上创建一个类”*。相反,你应该*“打开一个菜单”*。或者关闭/隐藏它......等等。添加类是一种手段并结束。什么是结局?另外请注意,将您的网站添加为实例并不实际,因为当您的问题在网站上被修复时,问题将失去相关性。请在问题本身中添加工作片段([mcve]),重现问题并清楚地说明期望的结果。 –