在ztree中插入glyphicon图标显示不出

Question

@zTree 你好，想跟你请教个问题：最近在使用ztree做一个菜单，因为用的是bootstrap框架，于是想用glyphicon里面的图标，但是图标在ie和chrome上都显示不出来（在火狐上不显示我可以理解），是我的设置问题吗，在树以外的地方放图标可以显示，但在树里面就看不到了，这是chrome的情况，ie里面连小框框都没有

var setting = {
			view : {
				dblClickExpand : false,
				showLine : false,
				selectedMulti : false,
				showTitle: false,
				showIcon: false,
				nameIsHTML: true
			},
			data : {
				simpleData : {
					enable : true,
					idKey : "id",
					pIdKey : "pId",
					rootPId : ""
				}
			},
			callback : {
				beforeClick : function(treeId, treeNode) {
					var zTree = $.fn.zTree.getZTreeObj("tree");
					if (treeNode.isParent) {
						zTree.expandNode(treeNode);
						return false;
					} else {
						demoIframe.attr("src", treeNode.file + ".html");
						return true;
					}
				}
			}
		};

		var zNodes =
			[{id : 1,pId : 0,name : "总览",open : true}, 
		      {id : 11,pId : 1,name : "<i class='glyphicon glyphicon-ok'>首页</i>", file:"../html/main"},
		     {id : 2,pId : 0,name : "服务管理",open : true},

Answer 1

若是不想使用图片来改变图标，我该怎么修改呢

Answer 2

回复
感谢您强大的demo！跪谢树哥！

Answer 3

不建议你这么使用，直接修改 zTree 的css 文件就可以了