2012-04-10 2 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> 

し、また誤った動作の画像:ここで

は、Webページのコードです 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">