2012-04-10 3 views
3

저는 jsTree를 사용하여 IE8에서 문제가 발생했습니다. 모든 데이터가 트리에 올바르게 표시되지만 트리 분기를 접을 때 제대로 표시되지 않습니다. 즉, 매끄러운 붕괴 애니메이션이 발생하지만 데이터가 없어지면 다시 볼 수 있습니다.IE8에서 jsTree 디스플레이 결함

동일한 코드가 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 선언을 누락 여기

는 웹 페이지에 대한 코드입니다. 에 대해! IE에 대한 DOCTYPE ...

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

읽기 here을 페이지의 맨 위에 다음을 추가하고 그 문제를 해결해야한다.

+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">