首页前端开发JavaScriptjquery下拉菜单显示不出来

jquery下拉菜单显示不出来

时间2023-05-05 21:01:01发布访客分类JavaScript浏览1029
导读:jquery下拉菜单显示不出来?一、问题描述做下拉菜单时,不管怎么触发事件,下拉菜单都不显示。console一下,发现其display一直是none。.second>li{ width: 300px; height: 30px; li...

jquery下拉菜单显示不出来?

一、问题描述

做下拉菜单时,不管怎么触发事件,下拉菜单都不显示。console一下,发现其display一直是none。

.second> li{ width: 300px; height: 30px; list-style: none; background-color: grey; color: #fff; border-bottom: .5px #fff solid; /*页面刷新时不显示,触发事件后显示*/ display: none; }

二、问题发现

原因是因为,“display: none; ”放错地方了,跟li放一起。但事件触发的是父元素ul,所以无法更改其displaynone属性。

三、解决

/*display: none; 单独放出来,不要跟li放一起*/ .second{ display: none; }

新开一个块控制父级元素,用对应的展开/收起动画控制即可。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: jquery下拉菜单显示不出来
本文地址: https://pptw.com/jishu/18396.html
js设置标签代码html代码(前端开发方法分享) 无法与朋友家人诉说的秘密与压力,该如何释放?

游客 回复需填写必要信息