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问题

回答

相关问题