如何用jQuery(手机)选择价格范围

时间:2012-04-11 12:18:22

标签: javascript jquery mobile jquery-mobile

我现在面临的问题是我想要一个移动价格范围选择器。所以我转向jQuery Mobile来看看可能性。但我找不到带有2个手柄的滑块(最小/最大价格),但只找到一个带有1个手柄的滑块。

基本上,我想要这个,但后来在移动设备上工作:http://jqueryui.com/demos/slider/#range

我为jQuery Mobile找到了这个,它运行得很好,但只有一个句柄:http://jquerymobile.com/demos/1.1.0-rc.2/docs/forms/slider/

我有点坚持如何继续下去。如何使用2个句柄创建工作(jQuery UI)滑块。

我尝试谷歌搜索,并在这里搜索,但到目前为止没有运气。

我很想看到这个解决方案,或者可能是替代方案(不是2个滑块)。

感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

请参阅此前一个帖子:jQuery Mobile dual range slider working but buggy

这不是最好的解决方案 - 但可能会给你一个关于如何继续的想法。

我会使用Jquery UI解决方案,因为它稳定可靠,并且可能以jQuery Mobile主题(给它类等等)为主题。


这可能是更好的版本:jQuery Mobile Dual Range slider

他们与此相关联:http://jsfiddle.net/NkjQr/3/

我可以看到JqueryMobile的路线图:https://github.com/jquery/jquery-mobile/pull/2401