The jQuery UI Slider plugin makes selected elements into sliders. There are various options such as multiple handles, and ranges. The handle can be moved with the mouse or the arrow keys.
Questions tagged [jquery-ui-slider]
685 questions
3
votes
0 answers
Range Slider with no maximum value
I'm making a range slider with ng2-ion-range-slider Angular 5
But I want make a slider with no maximum value which is infinite slider
Any recommendations?
Rania Elgenedy
- 31
- 5
3
votes
0 answers
jQuery UI Slider on iOS 10
I have a problem with jQuery UI Slider in iOS 10.
I have a calculator which is included via iframe. It has horizontal sliders and form fields. The problem is: when I tap on slider line or on handle the page jumps or scrolls down, but when I go up…
GooVER
- 31
- 1
- 4
3
votes
1 answer
Modify jQuery ui slider. Min/max(positive/negative) both range from middle
I use a jQuery plugin UI Slider - https://jqueryui.com/slider/
And I need some help with modifying it into this view
Handle should be single and range blue line should appear when handle moves from center to max or to min values
I can't find any…
Aleksandr_A
- 350
- 6
- 13
3
votes
2 answers
jQuery UI Slider - Only allow one direction and remove Range
I have two sliders. I want my slider to slide in only one direction i.e from left- right. I want to remove right hand side slider. Is there any way to remove it? I can not change the code for this slider. here is my code.
user2454624
- 55
- 8
3
votes
5 answers
jQuery-ui slider - How to stop two sliders from controlling each other
This is in reference to the question previously asked
The problem here is, each slider controls the other. It results in feedback.
How do I possibly stop it?
$(function() {
$("#slider").slider({ slide: moveSlider2 });
$("#slider1").slider({…
Badri
- 2,212
- 3
- 25
- 26
3
votes
3 answers
jQuery UI range slider with letters
I have a jQuery UI Range slider like below working fine (pretty much a copy and paste from the jQuery API examples:
//Price range slider
$(function() {
$( "#slider-range-price" ).slider({
range: true,
min: 300,
max:…
Louis M.
- 143
- 13
3
votes
1 answer
jQuery ui range slider set values after submit on new page
I am trying to create a jquery ui range slider a link!. I am using it as a filter on a listing site which show results based on the filters applied.
What I want is whenever the user changes the slider, the form must get submitted. I have…
palash gandhi
- 87
- 3
- 8
3
votes
3 answers
How to set 3 different colors at jQuery UI Slider
I'm using this UI Slider. I've to make this slider with 3 different colors for:
Handle Color
Previous portion of Handle
Next portion of Handle
Something like this:
So far, I'm able to put handle color only:
But, How can I set two more different…
user1896653
- 3,247
- 14
- 49
- 93
3
votes
1 answer
Jquery UI Slider range styling (left, and right as well)
Jquery UI slider gives access to class ui-slider-range to do custom css on the selected range. Is there an easy way to add custom css (in my case background color) to what is left and right of the selected range?
Changing the slider background…
amankapur91
- 484
- 4
- 15
3
votes
1 answer
JQuery Mobile slider not working
I'm trying to get a slider to work in with JQuery Mobile 1.4.2.
What I would like to do is to use the slidestop event to update a value elsewhere. However, the slidestop event does not fire. I created a test file and tested in Safari and Firefox.…
Klaassiek
- 2,795
- 1
- 23
- 41
3
votes
2 answers
How to adjust the position of slider handle with slider value
I've build a slider with the value inside the handle.
How can I manipulate the movement, that the handle at "4 years" is in the middle and at "5 years" is positioned inside the blue box?
http://jsbin.com/IGEsIJaQ/6/edit
svebal
- 57
- 2
- 8
3
votes
1 answer
jQuery UI slider set value from data attribute
Hey I have a handful of jquery sliders called "lp-slider" set up like so:
3
votes
2 answers
Jquery Mobile, slider won't refresh after value change
I'm having a little problem, i'm working with localstorage and im loading a value, the idea is that the slider change with that value. I got the load part right, it load the number i want (i can display it in an alert so i know is ok), but when a…
Alexis Polak
- 99
- 3
- 11
3
votes
1 answer
jQuery UI: Horizontal slider goes too far right
I changed the appearance of the horizontal slider in jQuery UI to make it large and round, which looks great except the slider goes too far when you move it all the way to the right!
http://jsfiddle.net/RXFn6/
How can this be remedied?
HTML
Muhd
- 24,305
- 22
- 61
- 78
3
votes
2 answers
jQuery UI slider: multiple sliders with default values
I have a page with multiple jQuery UI sliders on it. The sliders need to have a default value. For example, when somebody comes to my form, sets the slider, submits the form but they get an error the sliders should not reset back to 0. All of the…
Dustin
- 4,314
- 12
- 53
- 91