2012-04-10 2 views
3

Я работал с jsTree и столкнулся с проблемой в IE8. Все данные отображаются правильно в дереве, но когда я пытаюсь свернуть ветвь дерева, она не отображается правильно. То есть происходит анимация плавного коллапса, но тогда данные снова видны, когда этого не должно быть.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> 

А также картина ошибочного поведения: The erroneous behavior in IE8 for jsTree

ответ

5

У вас не хватает !DOCTYPE декларации. Добавьте следующие строки в верхней части страницы, и это должно решить проблему ...

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

Read here о! DOCTYPE для IE.

+0

Работал как шарм, спасибо neo108! –

+0

Добро пожаловать. – neo108

+0

Пробовал, но не работал .. – Chetan

0

Это идеальный вариант.

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