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


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


12711
2018-03-11 01:49


起源



答案:


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


5
2018-03-11 02:17





听着 触摸事件 并相应地移动滑块。这些事件也适用于Android,因为它也使用WebKit。


2
2018-03-11 03:21





您可以使用此库 http://touchpunch.furf.com/  这为所有jquery ui元素提供了触摸事件。


2
2017-10-22 06:20





我在网上找到了将触摸事件转换为鼠标事件的示例代码。我用jquery-ui的滑块进行了测试,效果很好!

链接到源


1
2018-04-28 04:30





你可以通过jquery + javascript为iphone,android和windows手机做这个。使用IE的Windows手机有一个缺陷,我无法让它捕捉到div部分。


1
2018-06-03 13:21





我用它来连线 http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ 滑块。像魅力一样工作,只需确保替换针对特定dom元素的代码。然后添加$('#sliderdiv')。addTouch()。适用于iPhone,但不适用于Android。根据 怪异模式 触摸事件在Android上不起作用。


0
2018-01-05 23:58



更好的是,使用JQuery Mobile。 - Trent


答案:


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


5
2018-03-11 02:17





听着 触摸事件 并相应地移动滑块。这些事件也适用于Android,因为它也使用WebKit。


2
2018-03-11 03:21





您可以使用此库 http://touchpunch.furf.com/  这为所有jquery ui元素提供了触摸事件。


2
2017-10-22 06:20





我在网上找到了将触摸事件转换为鼠标事件的示例代码。我用jquery-ui的滑块进行了测试,效果很好!

链接到源


1
2018-04-28 04:30





你可以通过jquery + javascript为iphone,android和windows手机做这个。使用IE的Windows手机有一个缺陷,我无法让它捕捉到div部分。


1
2018-06-03 13:21





我用它来连线 http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ 滑块。像魅力一样工作,只需确保替换针对特定dom元素的代码。然后添加$('#sliderdiv')。addTouch()。适用于iPhone,但不适用于Android。根据 怪异模式 触摸事件在Android上不起作用。


0
2018-01-05 23:58



更好的是,使用JQuery Mobile。 - Trent