Javascript jQuery树视图中的展开和折叠图标未显示在树中
我使用网页设计了jQuery树视图。我对这段代码做了更多的修改,删除了'div class=“tree”的内容,并添加了如下内容Javascript jQuery树视图中的展开和折叠图标未显示在树中,javascript,jquery,html,css,jstree-search,Javascript,Jquery,Html,Css,Jstree Search,我使用网页设计了jQuery树视图。我对这段代码做了更多的修改,删除了'div class=“tree”的内容,并添加了如下内容 2015/01/01 08:00:00 2015/01/01 08:10:05 2015/01/01 08:15:10 2015/01/01 08:27:15 2015/01/01 08:39:20 2015/01/01 08:46:25 2015/01/01 08:55:30 2015/01/01 10:20:00 2015/01/01 10:28:0
2015/01/01 08:00:00
- 2015/01/01 08:10:05
- 2015/01/01 08:15:10
- 2015/01/01 08:27:15
- 2015/01/01 08:39:20
- 2015/01/01 08:46:25
- 2015/01/01 08:55:30
2015/01/01 10:20:00
- 2015/01/01 10:28:09
- 2015/01/01 10:37:20
- 2015/01/01 10:45:13
- 2015/01/01 10:48:26
- 2015/01/01 10:57:54
- 2015/01/01 11:12:00
- 2015/01/01 11:20:09
- 2015/01/01 11:28:12
css在ul的li下寻找锚,但是你在那里插入了div。这就是为什么它没有显示图标的原因
.tree > ul > li > a {
color: #3B4C56;
display: block;
font-weight: normal;
position: relative;
text-decoration: none
图标的类>>
.tree li.parent > a:before {
background-image: url("../images/plus_minus_icons.png");
background-position: 25px center;
content: "";
display: block;
height: 21px;
left: 0;
position: absolute;
top: 2px;
vertical-align: middle;
width: 23px;
最后我找到了解决方案。(Nishith Chaturvedi的建议对我构建这个答案很有帮助。)首先,我再次稍微更改了更改代码,如下所示:)
.tree>.listClass>.testSuite>.testSuite\u branch>a{
颜色:#3B4C56;
显示:块;
字体大小:正常;
位置:相对位置;
文字装饰:无;
}
.tree>.listClass>.testSuite>.testSuite\u branch>a:before{
背景图像:url(“../images/plus_-减号_-icons.png”);
背景位置:25px中心;
内容:“;
显示:块;
高度:21px;
左:0;
位置:绝对位置;
顶部:2个;
垂直对齐:中间对齐;
宽度:23px;
}
- 2015/01/01 08:00:00
- 2015/01/01 08:10:05
- 2015/01/01 08:15:10
- 2015/01/01 08:27:1
- 2015/01/01 08:39:2
- 2015/01/01 08:46:25
- 2015/01/01 08:55:30
您的代码结构错误,ul可能包含li而不是div,如果您想使用div,请在中使用它,但树会精细地展开和折叠。问题是它没有显示图标,在不更改代码的情况下对查看图标有什么建议吗?可能吗?我查看了