移動版Safari不接受HTML5儀表輸入值

Question

我正在創建一個跟蹤您的標高的應用程序。目前，IOS是支持Altitude參數的唯一設備之一，因此在移動Safari中使用它至關重要。海拔高度將打印在頁面上的兩個位置，文本元素和儀表元素中，因此可以直觀顯示當前高度。

生成高度並不是一個問題，但我沒有取得任何成功的高度存儲在儀表的價值。需要注意的是Mobile Safari不支持Meter元素，所以我使用了一個polyfill來讓它工作。

你可以得到什麼，我想在這裏做的總體思路：http://jsfiddle.net/qF9hh/

通知地理位置COORDS被註釋掉，但如果你要測試它在iOS設備上做工作。

所以我的問題是，我如何獲得海拔高度座標存儲在儀表中？

Answer 1

這樣的事情可能會更好地工作

var worked = false; 
$("button").click(function() { 
    worked = false; 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(success, error); 
    } else { 
     error('not supported'); 
    } 
}).load();​ 
function error(msg){ 
    alert(typeof(msg) = "string" ? msg : "error!"); 
} 
function success(pos){ 
    if(worked)return; // to prevent firing twice in firefox 
    worked = true; 
    var meter = $("#high"); 
    if(pos.altitude === null){ 
     error("Altitide not supported"); 
     return; 
    } 
    meter.val(pos.altitude); 
    meter.text(pos.altitude + "/" + meter.attr("max")); 
} 

Jsfiddle