zTree写入节点名称时BOOTSTRAP或FONTAERSOME不生成图标

发布于 2021-11-29 13:27:28 字数 1799 浏览 852 评论 6

@zTree 你好,想跟你请教个问题:

如图,左侧菜单中,页面加载时自动生成了菜单,菜单的节点名称属性如下,我用了fontawesome,但是加载出来的菜单中无效
var zNodes =[
{ name:"<i class='fa fa-home'></i> 栏目管理", open:true,
children: [
........


但是当点击菜单调用AJAX输出页面到右侧的内容区时,图标又有效了。。。请问是什么情况?

我猜测可能是Font Awesome样式文件加载的顺序不对,但是无论放到页首还是页尾加载CSS文件,都无法正常显示图标。
又猜测是ZTREE生成树时的机制引起的,但是不知道具体是什么原因,求大神指点!!

bootstrap的图标也不生效,一样是在节点的name属性拼接的字符串,不生效
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>

试了下 也不是js转义的问题,我把<>"之类的都转义了 输出还是把所有的字符串连转义用的都直接输出来了,没有生成图标
&lt;i class=&quot;fa fa-home&quot;&gt;&lt;/i&gt; 栏目管理

treeNode.name概述[ 依赖 jquery.ztree.core 核心 js ]

节点名称。
1、如果不使用 name 属性保存节点名称,请修改 setting.data.key.name
默认值:无
String 格式说明
节点显示的名称字符串,标准 String 即可,所有特殊字符都会被自动转义


刚看了下API 所有的都会被转义,但是转义之后生成的菜单是正确的字符串,源代码里面也是正常的字符串,(正常的字符串意思就是常规可以生成图标的代码字符串),源代码里面是正确的,但是不显示图标,直接把字符串显示出来了

页面生成的HTML代码里面都是一样的,但是一个显示成字符串,一个显示成图标(ajax加载的右侧内容页面),何解。。。

 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

岁吢 2021-12-01 08:25:35

你好,我配置了nameIsHTML: true,但是fontawesome图标是乱码,同一个html页面,不是ztree的区域fontawesome图标显示正常,请问是怎么回事啊?

一人独醉 2021-12-01 07:19:18

完美解决

绝情姑娘 2021-12-01 04:19:48

【害羞】

拍不死你 2021-11-30 22:48:57

回复
你好,我配置了nameIsHTML: true,但是fontawesome图标是乱码,同一个html页面,不是ztree的区域fontawesome图标显示正常,请问是怎么回事啊?

风苍溪 2021-11-30 21:18:21

树哥,我爱你!

德意的啸 2021-11-29 20:19:04

请看 setting.view.nameIsHTML 这个 属性

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文