Fatal编程技术网
  • javascript/
  • Javascript IE8中的jsTree显示缺陷

Javascript IE8中的jsTree显示缺陷

javascript internet-explorer-8

Javascript IE8中的jsTree显示缺陷,javascript,internet-explorer-8,jstree,Javascript,Internet Explorer 8,Jstree,我一直在使用jsTree，在IE8中遇到了一个问题。所有数据都正确显示在树中，但当我尝试折叠树的分支时，它不会正确显示。也就是说，会发生平滑折叠动画，但数据在不应该显示的情况下会再次显示 同样的代码在Firefox 3.6.27和Chrome 18.0.1025.151上也非常有效。你知道为什么IE8会有不同的表现吗 以下是网页的代码： <html> <head> <script type="text/javascript" src="jquery.js"&

我一直在使用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>


$（函数（）{
$（“设备树”）
.jstree（{“插件”：[“主题”、“html_数据”、“ui”]}）；
});

    

  • 

      

    • 

    • 

    • 

    • 

    • 

  •
以及错误行为的图片：
您缺少
！DOCTYPE
声明。将以下内容添加到页面顶部，这将解决问题

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

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

这是完美的