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
4
votes
3 answers
Why doesn't $("#slider").trigger("slide") result in calling the slide handler?
I have a jQuery slider (actually, a custom extension thereof) equipped with a handler for the slide event, and this handler gets properly called when the slider is manipulated interactively, but not when I run
$("#slider").trigger("slide");
This…
kjo
- 33,683
- 52
- 148
- 265
4
votes
1 answer
jQuery slider with range and three different background-color
I'd want to achieve something like this:
From X elements, I'd like to choose the number of 'OK', the number or 'partially OK' and the number of 'not OK'. The three range are not superposable, obviously, and the sum is always X.
I tried to start…
user1679640
4
votes
1 answer
Jquery - Add Variable text to Slider
$('#slider').slider({
range: "min",
value: 20,
step: 5,
min: 20,
slide: function( event, ui ) {
$( "#amount1" ).val( "$" + ui.value );
}
});
This is what I have right now, it's a slider bar that displays the value.…
user1725518
- 43
- 3
4
votes
1 answer
jQuery price slider filter
I have created my jquery price slider but I am not sure how to filter my results so that as you slide you only see the products with that value in range.
HTML:
Ireally Rock
4
votes
1 answer
Use jQuery ui range slider with same handle values without overlap
I am using the jQuery ui-slider. In the range slider, if I select the same range using both the handles, one handle is hiding behind the another handle. I just want to meet both the handles if the same range has choosen. Kindly help…
supersaiyan
- 1,670
- 5
- 16
- 36
3
votes
2 answers
JQuery UI Slider - Possible to set a list of pre-determined values to choose from?
I am wondering if it's possible to achieve this using the jQuery UI Slider.
Basically I want to put a slider in place for 6 age bands:
16-21
22-30
31-40
41-50
51-60
60+
So far the problems I can see is that the age difference in the bands isn't…
martincarlin87
- 10,848
- 24
- 98
- 145
3
votes
3 answers
jQuery slider is unknown
How does this slider work?
http://jqueryui.com/demos/slider
source given shows up nothing
Nitin
- 175
- 1
- 2
- 9
3
votes
0 answers
Trouble Creating a jQuery Mobile UI Slider in Dynamic Elements
I'm trying to create a jQuery UI slider widget in a dynamically created list element. As it stands, the list works, items are created and added to the list, the slider shows up and responds to user input, but it isn't initialized with the values…
Clayton
- 1,967
- 4
- 18
- 26
3
votes
1 answer
Is it possible to have a fixed, static range on a one-handle jQuery UI slider?
Essentially what I've got going is a single-handle jQuery UI slider for a bunch of dates. The date range chosen is ALWAYS two weeks. What I'd like to do is just show a range (the range doesn't have to be functional - just displayed) from the start…
Darrrrrren
- 5,968
- 5
- 34
- 51
3
votes
3 answers
How to move the slider pointer to a specific point in the slider scale in jQuery UI Slider?
I am using the jQuery UI slider from Filament group where it will convert a SELECT element to the slider. It works fine. Now I want to programmatically move the slider handler to a particular point in the slider scale using JavaScript.
Ex: When I…
Shyju
- 214,206
- 104
- 411
- 497
3
votes
2 answers
jQuery UI Slider not giving "Slide" effect when dragging the pointer from one point to another
I have a jQuery UI slider here.
http://jsfiddle.net/DrR7s/7/
I have animate attribues value as "true". When I place my mouse pointer somewhere on the bar and click there, it is giving a slide visual effect. But if I drag the slider pointer to a…
Shyju
- 214,206
- 104
- 411
- 497
3
votes
1 answer
Using jquery UI range Slider, getting the value
I'm using the Jquery UI slider to allow the user to increase/decrease the range of a selection, I need to know (according to the original value of the slider) if the user wants to increase or decrease.
Here is my function, I'm not sure where to put…
Ovi
- 2,459
- 9
- 50
- 72
3
votes
1 answer
JQueryUI sliders not working on IE
I've been trying to get a slider to display its current value next to the control. This tutorial http://www.ryancoughlin.com/demos/interactive-slider/ explains how easy and painlessly.
Now I am trying to set 3 consecutive sliders and works fine but…
cevel
- 164
- 1
- 11
3
votes
2 answers
jQuery UI widgets (ie. Slider) and triggering their custom event handlers
If we bind a click event to a link as
$("linkSelector").click(function(){ ... });
then we can easily also force executing this event handler even though user didn't click the link.
$("linkSelector").click(function() { ... }).click();
But in my…
Robert Koritnik
- 103,639
- 52
- 277
- 404
3
votes
1 answer
JQuery UI - Slider
I'm trying to use jQuery UI Slider. And what I want to do is: for each step in the slider I want to draw a point (.) in the slider bar. The point I want to put is a image I have.
Any suggestions?
Thank's for the help. Best regards.
Ricardo Felgueiras
- 3,589
- 6
- 25
- 27