做下拉菜单时,不管怎么触发事件,下拉菜单都不显示。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; }
新开一个块控制父级元素,用对应的展开/收起动画控制即可。
1、jtree是基于jquery插件的,所以我们必须先引入jquery脚本库。
3、在html里,我们在一个div里,创建一个ul控件,并用li来创建树结点数据,一个li就是一个树结点了。当然这些数据可以是jsp的后台数据,循环显示出来,只要html结构一样就行了。
5、最后,我们在页面加载完成的函数里,初始化这个树控件就行了,直接调用jtree方法。
6、运行页面,我们就可以看到一棵树控件了。