Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 切换类(jquery)时出现问题_Javascript_Jquery_Html_Css_Toggle - Fatal编程技术网

Javascript 切换类(jquery)时出现问题

Javascript 切换类(jquery)时出现问题,javascript,jquery,html,css,toggle,Javascript,Jquery,Html,Css,Toggle,我似乎无法让新专辑出现和消失。当我将console.log(“此处”)放在单击功能中时,控制台不会打印任何内容。但是,我看不出访问test链接的方式有什么问题 $(文档).ready(函数(){ $(“#测试a”)。单击(函数(){ $(“.content”).toggleClass(“新专辑”); }); }); ... ... 仅切换类不会显示/隐藏元素。需要有与该类关联的CSS规则 这将在每次单击“新建相册”链接时显示/隐藏.new album元素 $(文档).ready

我似乎无法让新专辑出现和消失。当我将
console.log(“此处”)
放在
单击功能中时,控制台不会打印任何内容。但是,我看不出访问
test
链接的方式有什么问题

$(文档).ready(函数(){
$(“#测试a”)。单击(函数(){
$(“.content”).toggleClass(“新专辑”);
});
});

... ...
仅切换类不会显示/隐藏元素。需要有与该类关联的CSS规则

这将在每次单击“新建相册”链接时显示/隐藏
.new album
元素

$(文档).ready(函数(){
$(“#测试a”)。单击(函数(){
$(“.content”).toggleClass(“显示新专辑”);
});
});
。新专辑{
显示:无;
}
.显示新相册.新相册{
显示:块;
}

...
仅切换类不会显示/隐藏元素。需要有与该类关联的CSS规则

这将在每次单击“新建相册”链接时显示/隐藏
.new album
元素

$(文档).ready(函数(){
$(“#测试a”)。单击(函数(){
$(“.content”).toggleClass(“显示新专辑”);
});
});
。新专辑{
显示:无;
}
.显示新相册.新相册{
显示:块;
}

...
您可以在要显示/隐藏自身的元素上切换
活动的
类,并且通过使用
不透明度
而不是
显示
,您还可以设置该过程的动画

$(文档).ready(函数(){
$(“#测试a”)。单击(函数(){
$(“.content”).find(“.new album”).toggleClass('active');
});
});
<代码>。新相册{
宽度:25px;
高度:25px;
背景:蓝色;
过渡:不透明度1s线性;
不透明度:0;
}
.主动{
不透明度:1;
}

...
您可以在要显示/隐藏自身的元素上切换
活动的
类,并且通过使用
不透明度
而不是
显示
,您还可以设置该过程的动画

$(文档).ready(函数(){
$(“#测试a”)。单击(函数(){
$(“.content”).find(“.new album”).toggleClass('active');
});
});
。新专辑{
宽度:25px;
高度:25px;
背景:蓝色;
过渡:不透明度1s线性;
不透明度:0;
}
.主动{
不透明度:1;
}

...
在同一事件上运行多个事件时,通常会发生这种情况。尝试更改为.mouseUp而不是.click.

这通常发生在多个事件在同一事件上运行时。尝试更改为.mouseUp而不是.click。

如果稍微调整了一下,您仍然可以使用切换,但添加/删除切换类以启用显示/隐藏效果。查看(工作)代码段

希望这有帮助

$(文档).ready(函数(){
$(“#测试a”)。单击(函数(){
$(“.new album”).toggleClass(“show”);
});
});
nav{
显示:块;
}
a{
颜色:#000000;
}
a:悬停{颜色:红色;}
保险商实验室{
列表样式:无;
}
ullia{
左边距:5px;
文字装饰:无;
}
p{
宽度:100%;
文本对齐:左对齐;
}
.内容{
宽度:80%;
保证金:0自动;
}
.新专辑{
显示:块;
}
.表演{
显示:无;
}

看看这个国家的新专辑-它摇滚


如果稍微调整一下,您仍然可以使用切换,但添加/删除切换类以启用显示/隐藏效果。查看(工作)代码段

希望这有帮助

$(文档).ready(函数(){
$(“#测试a”)。单击(函数(){
$(“.new album”).toggleClass(“show”);
});
});
nav{
显示:块;
}
a{
颜色:#000000;
}
a:悬停{颜色:红色;}
保险商实验室{
列表样式:无;
}
ullia{
左边距:5px;
文字装饰:无;
}
p{
宽度:100%;
文本对齐:左对齐;
}
.内容{
宽度:80%;
保证金:0自动;
}
.新专辑{
显示:块;
}
.表演{
显示:无;
}

看看这个国家的新专辑-它摇滚


这对我来说似乎很好(类切换)。您是否使用CSS根据.new album类显示/隐藏元素?
。new album
现在是一个蓝色矩形,我想让链接显示/隐藏它此时,您只是将类
new album
添加到
content
,是否切换类
new album
的可见性(这是
内容
的兄弟姐妹,而不是
内容
本身)当单击该链接时?@Ravenous是的,我想在导航栏中的链接被单击时切换类
新专辑
的可见性这似乎对我来说很好(类切换).您是否使用CSS根据.new album类显示/隐藏元素?
。new album
现在是一个蓝色矩形,我希望提供显示/隐藏元素的链接此时,您需要