Javascript '；折叠所有'；jQuery Treeview插件存在问题

问题是，在我点击“全部折叠”链接后，一些加号和减号会显示在它们应该显示的相反位置：即“可扩展”节点旁边会显示一个减号。除此之外，这棵树还能正常工作。（当然，“全部扩展”功能也会受到影响，但我认为这是同一问题的一部分）。哪些节点显示错误取决于树折叠之前打开的节点。如果您认为这很重要，我将为您提供确切的模式

我在寻找如何解决问题的指导，而不是“解决方案”，当然，这会很好：-）。树是通过异步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>

管理


管理员A


目录A

A1



目录B


地下一层


地下二层




目录C


C1






管理员B


目录A


A1




目录B


地下一层

---

正如我所说的，我欢迎可能的指导，说明问题的原因是：CSS、JSON、Treeview async、Threeview？我会继续查看插件代码，以更好地了解它的工作原理，但任何有经验的人可能提供的指导都会节省时间。

这实际上并不能解决问题，但在更仔细地搜索之后，我发现这是由于jQuery和Treeview版本之间的不兼容造成的。（我正在使用两者中最新的一种）。无论如何，解决方法是使用动画属性。这也是我注意到的，它的工作方式与我的代码不同。唯一的区别是动画属性的使用，但我不相信它只是在几分钟后才出现的

---

正如我所说的，它并不能解决问题，不仅因为它是一个解决办法，而且因为它在一些崩溃、扩展和切换后再次崩溃。然而，它现在不是那么明显（以前只需要一次折叠就可以打破），它不会向“理智地”使用树的人显示，毕竟，至少在我的情况下，它不会真正影响功能。它现在对我有效。

它实际上并没有解决问题，但在仔细搜索之后，我发现这是由于jQuery和Treeview版本之间的不兼容造成的。（我正在使用两者中最新的一种）。无论如何，解决方法是使用动画属性。这也是我注意到的，它的工作方式与我的代码不同。唯一的区别是动画属性的使用，但我不相信它只是在几分钟后才出现的

---

正如我所说的，它并不能解决问题，不仅因为它是一个解决办法，而且因为它在一些崩溃、扩展和切换后再次崩溃。然而，它现在不是那么明显（以前只需要一次折叠就可以打破），它不会向“理智地”使用树的人显示，毕竟，至少在我的情况下，它不会真正影响功能。它现在对我有用。

这肯定会有帮助

---

我也有同样的问题，它对我很有效。这肯定会有帮助

---

我也有同样的问题，这对我很有效

^这应该是公认的答案。它解决了问题，不是解决办法。^这应该是公认的答案。它解决了问题，不是一个解决办法。