解决无法拖动 iDevice 的最快方法？答案

【问题标题】：Quickest way to get around not being able to drag on an iDevice?解决无法拖动 iDevice 的最快方法？
【发布时间】：2010-08-26 08:46:17
【问题描述】：

我有一个使用 jQuery UI slider 的网站。

我在我的 iPhone 上启动了它，并意识到当尝试拖动滑块时（通过将我的手指拖到它上面），它会从左到右滚动站点并且保持滑块不变。

看来我只能在网站处于显示整个页面的缩放级别时才能滑动。我认为您可以使用meta 元素强制此缩放级别。但是，在这个缩放级别（至少在 iPhone 的屏幕上），该网站的内容非常难以辨认。

解决此问题的最快方法是什么？是否有可能在鼠标按下时（我猜当手指放在 iPhone 上时 iPhone 会触发它）将网站缩放到 fit-all 以便用户实际使用滑块？

如果最快的方法是 hacky/ugly，有什么更好的解决方案？

我正在使用 jQuery。

非常感谢！

【问题讨论】：

【解决方案1】：

尝试添加此元标记

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

我从 mrdoob 的 harmony webapp 复制了它。我知道当你从安卓 webkit 浏览器打开他的和声应用时，你仍然可以通过滑动手指来画图。它不会使整个网页滑动。

【讨论】：

【解决方案2】：

你有使用滑块元素吗？我也在网站上使用滑块元素，但如果 javascript 被禁用或不可用，我会显示两个选择框而不是滑块。

【讨论】：