FancyTree：通过 HTML 添加自定义图标？

Question

我正在使用 HTML 对文件夹树控件进行基本的 FancyTree 初始化，我想知道是否还可以为这些文件夹指定自定义图标，即

<li id="xyz' class="folder" data-icon="myFolderIcon.gif">Folder Name

在我的 FancyTree 控件的定义中，我指定了一个图像路径：

$("#tree").fancytree({imagePath: "skin-win8/",

但我看到的只是我的图标应出现的空白位置，即使我将自定义图标放在 skin-win8 文件夹中也是如此。向 FancyTree 控件添加一两个自定义图标的最简单方法是什么？我既是 FancyTree 又是 CSS 新手，以防你想知道:)

谢尔顿

Answer 1

我觉得还可以。与本演示中的基本相同：

可能只是您标记中的拼写错误：

<li id="xyz' class="folder" data-icon="myFolderIcon.gif">Folder Name

（应该是 id="xyz" 而不是 id="xyz'）

Answer 2

再次感谢 mar10 为我指明了正确的方向，尽管他认为我的标记中有打字错误并不是真正的罪魁祸首。但是通过说他没有发现任何错误并让我回到他的自定义节点图标演示，这让我想到也许我也遇到了 imagePath 问题，比如 this previous custom-node question

所以我回到我的 FancyTree 下载并让自定义节点示例在我的服务器上运行，然后我移动页面及其依赖项直到我得到与我的情况类似的东西。一旦我完成了这项工作，我就能够在我的实际页面中使用相同的方法...

我碰巧将所有与 FancyTree 相关的文件保存在应用程序的 web 文件夹中名为 fancytree 的目录中，因此我添加了一个名为 custom 的子文件夹并按以下方式设置我的图像路径：

imagePath: "fancytree/custom/",

一旦我这样做了，我就可以使用我的自定义图标，方法是将它包含在节点的 HTML 定义中，或者将它设置在我用来初始化某些的 Javascript 函数中我的树的各个方面。希望这对其他一些自定义节点新手有帮助...

谢尔顿

FancyTree: Adding a custom icon by HTML?