繁体   English   中英

如何在iPhone / Android Web应用程序上制作类似JQuery Slider的功能?

[英]How do I make a JQuery Slider-like feature on iPhone/Android web app?

在iPhone或Android中,如果你有一个JQuery Slider,它就不能正常工作(触摸屏会移动屏幕而不是拖动滑块。)

您可能需要从头开始编写。 幸运的是,@ ppk编写了一个iPhone拖放示例。

您可以使用此库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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM