IE中的JQuery Sparkline問題

我在頁面中使用了jQuery sparkline（http://omnipotent.net/jquery.sparkline/）。這給了我在IE中的問題，如果容器DIV不足以顯示它，用Firefox/Chrome嘗試，它工作正常。請參閱示例代碼，IE中的JQuery Sparkline問題

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <script type="text/javascript" src="jquery-1.3.1.js"></script> 
    <script type="text/javascript" src="jquery.sparkline.min.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     var myvalues = [10,8,5,7,4,4,1]; 
     $('.dynamicsparkline').sparkline(myvalues, {height:'100px',width:'300px'}); 
    }); 
    </script> 
</head> 
<body> 
<div style="height:100px;width:400px;overflow:auto;border:1px solid black"> 
      Testing Header 
      <br/> 
      <span class="dynamicsparkline">Loading..</span> 
      <br/> 
      Testing Footer 
</body> 
</html>

任何人都可以幫我嗎？

感謝，馬諾

來源

2009-06-22 Manoj

究竟是你面對的問題是什麼？我可以在Firefox 3.5RC2，Chrome和IE 8以及IE 7（在IE8中模擬）中運行它，並獲得類似的結果。 – TheVillageIdiot 2009-06-22 08:05:38

加雷思·沃茨（http://omnipotent.net/jquery.sparkline/）幫我加入「位置：親屬」來解決這個問題的div容器。

這裏是代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <script type="text/javascript" src="jquery-1.3.1.js"></script> 
    <script type="text/javascript" src="jquery.sparkline.min.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     var myvalues = [10,8,5,7,4,4,1]; 
     $('.dynamicsparkline').sparkline(myvalues, {height:'100px',width:'300px'}); 
    }); 
    </script> 
</head> 
<body> 
<div style="height:100px;width:400px;overflow:auto;border:1px solid black;position: relative"> 
      Testing Header 
      <br/> 
      <span class="dynamicsparkline">Loading..</span> 
      <br/> 
      Testing Footer 
</div> 
</body> 
</html>

它只能在IE7中再現。

謝謝

來源

2009-06-24 07:08:59 Manoj

IE中的JQuery Sparkline問題

回答

相關問題