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

陌绮梦 发布于 2015/10/29 14:08
阅读 936
收藏 0

@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},




加载中
0
zTree
zTree
不建议你这么使用,直接修改 zTree 的css 文件就可以了
陌绮梦
陌绮梦
回复 @zTree :感谢您强大的demo!跪谢树哥!
zTree
zTree
回复 @陌绮梦 : 图标不使用图片就是用字体, 还不是修改css 处理就够了么?
陌绮梦
陌绮梦
若是不想使用图片来改变图标,我该怎么修改呢
返回顶部
顶部