Mobile-friendly jQuery slider, without bundling an entire mobile library?

Question

I have a working web application that makes use of the jQuery UI default slider.

I'm getting complaints from users that the sliders don't work well on mobile (seems you have to tap, rather than drag, to get them to work).

Does anyone know a jQuery slider plugin that works well on mobile?

Obviously I could use the slider in the jQuery Mobile framework, or another mobile library, but I'm unwilling to add an entire mobile framework to my site just for the sake of one slider!

Thanks for your help.

check this: http://trentrichardson.com/2011/11/11/jquery-ui-sliders-and-touch-accessibility/ — robasta, Feb 23 '12 at 09:57
That looks good - plus/minus buttons probably work better on small screens than even touch events. Thanks! — Richard, Feb 23 '12 at 10:08

score 4 · Answer 1 · answered Apr 01 '14 at 14:05

4

I am aware that this is an old thread but in case anyone comes across it now I would highly recommend using noUiSlider. It works well on mobiles and is really simple to configure.

answered Apr 01 '14 at 14:05

psychedelus

123
1
8

score 0 · Answer 2 · answered May 31 '17 at 18:14

0

Swiper.js is very useful when it comes to mobile slider. It has vast amount of features and it is very flexible.

answered May 31 '17 at 18:14

Aman

642
1
5
12

Mobile-friendly jQuery slider, without bundling an entire mobile library?

2 Answers2