javascript - Mobile Safari 不接受 HTML5 Meter 输入值

Question

我正在创建一个跟踪您海拔高度的应用程序。目前，iOS 是唯一支持海拔参数的设备之一，因此让它在移动 Safari 中工作至关重要。海拔高度将打印在页面上的两个位置，即文本元素和仪表元素中，以便直观地表示当前海拔高度。

生成海拔高度不是问题，但我没有成功地将海拔高度存储在仪表的值中。需要注意的是，Mobile Safari 不支持 Meter 元素，因此我使用 polyfill 来让它正常工作。

您可以在这里了解我正在尝试做的事情:http://jsfiddle.net/qF9hh/

请注意，地理位置坐标已被注释掉，但如果您要在 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