![](/img/trans.png)
[英]Iphone-web, jQuery: How can i make slider on web page to slide as the user slides finger on slider?
[英]How do I make a JQuery Slider-like feature on iPhone/Android web app?
在iPhone或Android中,如果你有一个JQuery Slider,它就不能正常工作(触摸屏会移动屏幕而不是拖动滑块。)
您可以使用此库http://touchpunch.furf.com/这为所有jquery ui元素提供触摸事件。
听取触摸事件并相应地移动滑块。 这些事件也适用于Android,因为它也使用WebKit。
你可以通过jquery + javascript为iphone,android和windows手机做这个。 使用IE的Windows手机有一个缺陷,我无法让它捕捉到div部分。
我在网上找到了将触摸事件转换为鼠标事件的示例代码。 我用jquery-ui的滑块进行了测试,效果很好!
我用它来连接http://code.google.com/p/jquery-ui-for-ipad-and-iphone/滑块。 像魅力一样工作,只需确保替换适用于特定dom元素的代码。 然后添加$('#sliderdiv')。addTouch()。 适用于iPhone,但不适用于Android。 根据quirksmode触摸事件在Android上不起作用。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.