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

时间:2010-03-11 01:49:54

标签: javascript jquery iphone android slider

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

6 个答案:

答案 0 :(得分:5)

您可能需要从头开始编写此代码。幸运的是,@ ppk编写了drag and drop for iPhone的示例。

答案 1 :(得分:2)

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

答案 2 :(得分:2)

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

答案 3 :(得分:1)

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

Link to source

答案 4 :(得分:1)

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

答案 5 :(得分:0)

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