2012-04-06 19 views
0

Ich bin dabei, eine mobile Web-App zu entwickeln, die einen Meter und vorzugsweise ein HTML5-Meter benötigt. Momentan unterstützt Mobile Safari NICHT das Meter-Element, aber ich hatte gehofft, mit Modernizr und einem Polyfill arbeiten zu können, aber bisher hatte ich kein Glück.HTML5-Meter in mobilen Safari

Irgendwelche Vorschläge, wie man das Messgerät funktioniert? ODER irgendwelche guten Alternativen zu HTML5 Meter?

Hier wird die aktuelle Seite, es ist ziemlich einfach:

<!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 verwenden ****** – HjalmarCarlson

+0

Ich konnte eine andere Polyfill finden, die tatsächlich funktionierte. Für alle, die dies in Zukunft tun müssen, versuchen Sie bitte diese Polyfill: https://gist.github.com/667320 – HjalmarCarlson

Antwort

-1

Nach w3schools Meter-Tag nur in der Oper und Chrom unterstützen wird, als Alternative können Sie jquery progress bar

+0

Das ist wahr, aber mit Polyfills können Sie es funktionieren. Ich konnte ein anderes Polyfill finden, das tatsächlich funktioniert. – HjalmarCarlson

+0

-1 für die Verwendung von w3schools - sagen Sie warum - http://www.w3fools.com – think123

Verwandte Themen