我一直在使用 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>
And also a picture of the erroneous behavior:
你错过了!DOCTYPE
宣言。将以下内容添加到页面顶部,这应该可以解决问题...
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Read here关于 IE 的 !DOCTYPE。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)