IE8中的jsTree显示缺陷答案

【问题标题】：jsTree display flaw in IE8IE8中的jsTree显示缺陷
【发布时间】：2012-04-10 15:41:35
【问题描述】：

我一直在使用 jsTree，在 IE8 中遇到了问题。所有数据都正确显示在树中，但是当我尝试折叠树的一个分支时，它无法正确显示。也就是说，平滑的折叠动画发生了，但是数据在不应该的时候再次可见。

相同的代码在 Firefox 3.6.27 和 Chrome 18.0.1025.151 上运行良好。知道为什么 IE8 的行为会有所不同吗？

这是网页的代码：

<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jstree/jquery.jstree.js"></script>
</head>
<body style="margin:0px">
    <script type="text/javascript">
        $(function() {
            $("#equipment_tree")
                .jstree({ "plugins" : ["themes","html_data","ui"] });
        });
    </script>
    <div id="equipment_tree" style="width:185px; float:left; height:100%; overflow:auto;">
        <ul>
            <li class="jstree-open"><a href="#">Root node 1</a>
                <ul>
                    <li><a href="#">Child node 1</a></li>
                    <li><a href="#">Child node 2</a></li>
                    <li><a href="#">Child node 3</a></li>
                    <li><a href="#">Child node 4</a></li>
                </ul></li>
            <li><a href="#">Root node 2</a></li>
        </ul>
    </div>
</body>
</html>

还有错误行为的图片：

【问题讨论】：

标签： javascript internet-explorer-8 jstree

【解决方案1】：

您缺少!DOCTYPE 声明。将以下内容添加到页面顶部，这应该可以解决问题...

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

阅读here 了解 !DOCTYPE for IE。

【讨论】：

【解决方案2】：

这是完美的。

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

【讨论】：