2012-04-10 84 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聲明。下面添加到你的頁面的頂部,應該解決這個問題...

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

閱讀here有關!DOCTYPE的IE瀏覽器。

+0

工作就像一個魅力,謝謝neo108! – 2012-04-11 18:27:53

+0

不客氣。 – neo108 2012-04-11 20:39:27

+0

試過,但沒有工作.. – Chetan 2015-01-09 08:38:04

0

這是完美的。

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