gpt4 book ai didi

javascript - IE 中的 JQuery Sparkline 问题

转载 作者:行者123 更新时间:2023-11-29 15:06:39 25 4
gpt4 key购买 nike

我在页面中使用了 jQuery 迷你图 ( http://omnipotent.net/jquery.sparkline/ )。如果容器 DIV 不够大无法显示它,这会在 IE 中给我带来问题,尝试使用 Firefox/Chrome,它工作正常。查看示例代码,

<!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>

有人可以帮我吗?

谢谢,马诺杰

最佳答案

Gareth Watts( http://omnipotent.net/jquery.sparkline/ ) 通过向容器 div 添加“position:relative”帮助我解决了这个问题。

这是代码

 <!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下重现。

谢谢

关于javascript - IE 中的 JQuery Sparkline 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1025905/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com