2012-04-06 37 views
0

我正在开发需要计量器并最好是HTML5计量器的移动Web应用程序。目前移动Safari不支持米的元素,但我希望使用Modernizr和一个Polyfill来让它工作,但我迄今还没有运气。移动Safari中的HTML5计量表

有关如何使仪表工作的任何建议?或者HTML5计量器有什么好的选择?

这里当前页面,这是很简单的:

<!doctype html> 
<head> 
<meta charset="utf-8"> 

<title>untitled</title> 

<script src="modernizr-2.5.3.js"></script> 
<script src="jquery.meterShim.js"></script> 
<link rel="stylesheet" href="jquery.meterShim.css"> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
</head> 
<body> 

<div id="container"> 
<header> 
</header> 

<meter value="4" min="0" max="10">4/10</meter> 

    <footer> 
</footer> 
</div> 
</body> 
</html> 
+0

***** UPDATE ****** – HjalmarCarlson 2012-04-06 06:05:31

+0

我能找到另一个实际工作的polyfill。对于任何未来需要这样做的人,请尝试以下填充:https://gist.github.com/667320 – HjalmarCarlson 2012-04-06 06:07:22

回答

-1

根据w3schools米标签将只支持在歌剧和铬,作为替代,你可以使用jquery progress bar

+0

这是真实的,但使用Polyfills可以使其正常工作。我能够找到另一个实际上起作用的polyfill。 – HjalmarCarlson 2012-04-06 06:05:12

+0

-1使用w3schools - 告诉你为什么 - http://www.w3fools.com – think123 2012-07-04 00:18:48