2012-04-06 59 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