How to choose a price range using jQuery (mobile)

The problem that I am currently facing is that I want to have a price range selector for mobile devices. So I turned to jQuery Mobile to see the possibilities. But I did not find a slider with two handles (minimum / maximum price), but only a slider with 1 handle.

Basically, I want this, but then work on a mobile device: http://jqueryui.com/demos/slider/#range

I found this for jQuery Mobile, which works fine, but has only 1 descriptor: http://jquerymobile.com/demos/1.1.0-rc.2/docs/forms/slider/

I am a little fixated on how to proceed further. How to create a working (jQuery UI) slider with two descriptors.

I tried searching on the internet and searched here for SO, but so far no luck.

I would like to see a solution for this, or maybe an alternative (not 2 sliders).

Any help is appreciated.

+3
source share
1 answer

See this previous thread: jQuery A dual-range mobile slider works, but doesn't work

This is not the best solution, but it can give you an idea of ​​how to proceed.

I would use jQuery UI soloution because it is stable and reliable, and maybe its theme after the jQuery Mobile theme (give it classes, etc.).


This may be the best version: jQuery Mobile Double Range slider

They are related to this: http://jsfiddle.net/NkjQr/3/

, JqueryMobile: https://github.com/jquery/jquery-mobile/pull/2401

+2

All Articles