jstree - 节点路径有意外的空格字符

Question

我需要获取 jstree 元素的节点路径，我使用此代码:

$(function () {
    $('#jstree').jstree();
            $('#jstree')
            // listen for event
            .on('changed.jstree', function (e, data) {
                if (data.action == "select_node") {
                    var node_path = data.instance.get_path(data.node, "/");
                    console.log(node_path)
                }
            });

});

但是我得到了意外的空格字符(你可以在 console.log() 函数中看到)

http://jsfiddle.net/3q9Ma/741/

我需要这样一条漂亮的路径:Folder1/children 1

请告诉我哪里错了。

谢谢

Answer 1

问题实际上与您的 fiddle 中的 HTML 有关。它看起来像这样:

<div id="jstree">
    <ul>
        <li>Folder 1
            <ul>
               <li id="child_1">Child 1</li>
               <li>Child 2</li>
            </ul>
        </li>
        <li>Folder 2</li>
    </ul>
</div>

get_path 函数正在做它应该做的事情——从父 <li> 获取文本接下来是 child 的文字<li> .发生的情况是来自父文件夹 1 的文本实际上是“Folder/n”，这导致了您的问题。我明白为什么你的 HTML 结构是这样的，因为 example on jstree告诉你这样做。一种解决方法是删除 Folder 1 之后的换行符。它看起来很糟糕，但它会让你的 get_path 函数工作:

<div id="jstree">
    <ul>
      <li>Folder 1<ul>
          <li id="child_1">Child 1</li>
          <li>Child 2</li>
        </ul>
      <li>Folder 2</li>
    </ul>
</div>