javascript - jQuery Treeview 插件的“全部折叠”问题

Question

问题是，在我单击“全部折叠”链接后，“一些”优点和缺点的显示与应有的相反:即“可扩展”节点将显示在旁边有一个减号它。除此之外，树可以正常工作。 (嗯，“全部展开”功能也会受到影响，但我认为这是同一问题的一部分)。哪些节点显示错误取决于树折叠之前哪些节点是打开的。如果您认为这很重要，我将为您提供一个确切的模式。

我正在寻找如何解决问题的指导，而不是“解决方案”，尽管这当然很好:-)。该树通过异步 Treeview 扩展和 JSON 字符串加载。我怀疑这可能与问题有关。这是加载后树的 html:

<li class="expandable lastExpandable" id="333">
<div class="hitarea expandable-hitarea lastExpandable-hitarea "></div>
<span class="important" id="333">Admin</span>
<ul style="display: none;">
    <li class="expandable" id="55">
    <div class="hitarea expandable-hitarea "></div>
    <span class="important" id="55">Admin A</span>
        <ul style="display: none;">
            <li class="expandable" id="85">
            <div class="hitarea expandable-hitarea "></div>
            <span class="important" id="85">Dir A</span>
                <ul style="display: none;">
                    <li class="last" id="98"><span class="important" id="98">A1</span></li>
                </ul>
            </li>
            <li class="expandable" id="88">
            <div class="hitarea expandable-hitarea ">
            </div><span class="important" id="88">Dir B</span>
                <ul style="display: none;">
                    <li id="89">
                    <span class="important" id="89">B1</span>
                    </li>
                    <li class="last" id="90">
                    <span class="important" id="90">B2</span>
                    </li>
                </ul>
            </li>
            <li class="expandable lastExpandable" id="102">
            <div class="hitarea expandable-hitarea lastExpandable-hitarea "></div>
            <span class="important" id="102">Dir C</span>
                <ul style="display: none;">
                    <li class="last" id="103">
                    <span class="important" id="103">C1</span>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
    <li class="expandable lastExpandable" id="84">
    <div class="hitarea expandable-hitarea lastExpandable-hitarea "></div>
    <span class="important" id="84">Admin B</span>
        <ul style="display: none;">
            <li class="expandable" id="100">
            <div class="hitarea expandable-hitarea "></div>
            <span class="important" id="100">Dir A</span>
                <ul style="display: none;">
                    <li class="last" id="101">
                    <span class="important" id="101">A1</span>
                    </li>
                </ul>
            </li>
            <li class="expandable lastExpandable" id="10">
            <div class="hitarea expandable-hitarea lastExpandable-hitarea "></div>
            <span class="important" id="10">Dir B</span>
                <ul style="display: none;">
                    <li class="last" id="91">
                    <span class="important" id="91">B1</span>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

正如我所说，我欢迎有关问题原因的可能指导:CSS、JSON、Treeview 异步、Threeview？我将继续查看插件代码以更好地理解它是如何工作的，但是来自更有经验的人的任何可能的指导都将节省时间。

Answer 1

这肯定会有帮助 http://short-tag.info/2013/02/jquery-treeview-expand-all-collapse-all-not-working/ 我遇到了同样的问题，它对我有用