jstree - jsTree 删除文本标签

Question

我第一次尝试 jsTree ，并且有一个问题，在调用之后jstree()，我的元素中的文本<li>消失了。通话后，我的树如下所示：

<div id="assessment-treeview" class="jstree jstree-0 jstree-focused jstree-classic">
    <ul>
        <li class="jstree-last jstree-open"><ins class="jstree-icon">&nbsp;</ins>
            <ul style="">
                <li class="jstree-last jstree-open"><ins class="jstree-icon">&nbsp;</ins>
                    <ul style="">
                        <li class="jstree-last jstree-leaf"><ins class="jstree-icon">&nbsp;</ins></li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>

在调用之前它看起来像这样：

<div id="assessment-treeview">
    <ul>
        <li>Specific Outcomes
            <ul>
                <li>[section: name not available for import]
                    <ul>
                        <li>[outcome: name not available for import] </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>

jstree 调用如下所示：

$("#assessment-treeview").jstree({ "themes": { "theme": "classic" } });

这可能是什么原因造成的？

Answer 1

jsTree 不喜欢“li”标签内的纯文本节点。当我将项目文本放入像“跨度”这样的标签中时，一切都恢复正常了。

从上面的问题代码：

<li><span>Specific Outcomes</span>
    <ul>
    .        
    .       
    </ul>
</li>