重新创建Mobile Safari（webkit）的HTML5范围输入？ [英] Recreating the HTML5 range input for Mobile Safari (webkit)?

问题描述

所以我一直在工作的HTML5 iPad应用程序，并遇到了一个问题。我没有访问一个iPad，而第一次在这个应用程序上工作，并依靠桌面Safari一起快速得到我的应用程序（可能不是最好的东西，无论如何...）

So I've been working on a HTML5 iPad application for work and have come across a problem. I didn't have access to an iPad whilst first working on this app and relied on desktop Safari to get my app quickly together (probably not the best thing, anyhow...)

我不得不依赖于接口的一部分的输入范围。看到HTML5有一个范围输入，我很高兴，因为这只是我需要的。我甚至设计了它的样式，以确切的设计：

I'm having to rely on a input range for a part of the interface. After seeing that HTML5 had a range input, I was happy as this is just what I needed. I even managed to style it up to exactly what was designed:

这是伟大的！ ...直到我真的尝试了一个iPad，它不工作。只显示一个文本输入。我现在想知道该怎么做...我需要一个滑块，当拖动时，它吐出数据。显然需要工作与触摸。在浏览整个网络后，似乎没有一个坚实的解决方案。

This is great! ...until I actually tried it on an iPad and it doesn't work. Just shows a text input. I'm now wondering what to do... I do need a slider, something that when dragged, it spits out the data. Obviously needs to work with touch. After looking around all over the web, there doesn't seem to be a solid solution.

你们在这里建议什么？

What do you guys suggest here? What's the proper way of coding up a working touch-friendly slider, just like the native HTML5 one that it doesn't support!?

任何想法/想法/知识/经验将非常感谢！
James

Any ideas/thoughts/knowledge/experience would be greatly appreciated! James

推荐答案

我有同样的问题，只有一个iPhone。

I have exactly the same problem, only with an iPhone.

这是因为Mobile Safari仅支持HTML5的一个子集。我使用JqTouch这是导致我所有的方式的问题，所以请避免这个框架。

This is because Mobile Safari only supports a subset of HTML5. I am using JqTouch which is causing me all manner of issues so do avoid this framework.

查看jquery mobile。它目前的Alpha 3，但有一个在iOS上工作的滑块控件。

Take a look at jquery mobile. Its currently Alpha 3, but has a slider control which works on iOS.

希望这可以帮助你一点。

Hope this helps you a little.

这篇关于重新创建Mobile Safari（webkit）的HTML5范围输入？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！