做下拉菜单时,不管怎么触发事件,下拉菜单都不显示。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; }
新开一个块控制父级元素,用对应的展开/收起动画控制即可。
$("下拉选项ID").find("option").each(funciton(){ $(this).addClass("样式名称")});
首先第一点 你要先保证你已经把option都添加上了 然后才能设置默认选项 否则会无效 第二 设置默认选项的时候 要用prop来代替attr因为attr在IE上有的版本不支持