最快的方法是无法在iDevice上拖动?

时间:2010-08-26 08:46:17

标签: javascript jquery iphone css ipad

我的网站使用jQuery UI slider

我在我的iPhone中解雇了它,并意识到当试图拖动滑块(通过将手指拖过它)时,它会从左到右滚动网站并使滑块保持不变。

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

最快捷的解决方法是什么?是否有可能,在mousedown(我猜iPhone将手指放在它上面时将其激活)将网站缩放到 fit-all 以便用户可以实际使用滑块?

如果最快的方式是hacky /丑陋,那么什么是更好的解决方案?

我正在使用jQuery。

非常感谢!

2 个答案:

答案 0 :(得分:1)

尝试添加此元标记

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

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

答案 1 :(得分:0)

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