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
5
votes
3 answers
jquery-ui slider update value from code
i've got a problem with updating slider value from code. i have tried
$('#slider').slider('value', newValue);
$('#slider').val(newValue).slider();
$('#slider').val(newValue).slider('refresh');
and no result
any other suggestions
maxlego
- 4,864
- 3
- 31
- 38
5
votes
3 answers
jQuery UI Slider -> with mousewheel support?
as you may already know I'm new to jQuery, so Code-Improvements not belonging to this theme are still very allowed.
This is my HTML-Code:
Bananas:
iceteea
- 1,214
- 3
- 20
- 35
5
votes
1 answer
Need jquery slider in thumbnail area
I am working on a project http://www.node.au.com. in the home page as you can see a lot of images and what I need to do is put a slider for those images that have more than one image so that user can see it without clicking the image that this…
Kashif Waheed
- 597
- 4
- 9
- 18
5
votes
0 answers
jQueryUI slider doesn't work on WordPress
I can't get jQueryUI slider working on Wordpress. I got the following HTML structure:
And…
basteez
- 477
- 1
- 5
- 15
5
votes
1 answer
jQuery UI Slider with fixed minimum: show minimum range, not minimum absolute value?
I'm using a jQuery slider with a fixed minimum of 20, as described in the docs.
However, it's not quite what I need. I'd like the visual range of the slider to be 0-100, but the user should never be allowed to move the slider to less than 20.
In…
flossfan
- 10,554
- 16
- 42
- 53
5
votes
3 answers
value not available in create event on jQuery UI slider?
$('#foo').slider({
range: 'min',
min: 0,
max: 1000,
step: 100,
value: 500,
create: function( event, ui) {
var bar = ui.value;
},
//etc...
});
Why is bar undefined and not 500? Is it possible to assign a variable to the…
jaacob
- 471
- 5
- 13
4
votes
2 answers
Adding jQuery UI slider to dynamically generated element?
So I'm adding list elements to a list using .append(). Within the appended element is a div I need to attach the jQuery Slider widget to. Not sure if I have to use .on() or something. FWIW, an unlimited amount of li's can be added, which is why I'm…
Benjamin Allison
- 2,134
- 3
- 30
- 55
4
votes
1 answer
jquery ui slider -- how to invert the range selection
I have a somewhat strange request to allow a user to select a range on a slider but allow them to invert the range selection on the slider. For example, if they have this selection on the slider:
<----[]==========[]---->
they can click a button…
Ben
- 1,169
- 3
- 17
- 27
4
votes
1 answer
jquery range slider: set max of slider 1 to min of slider 2
I have a page with 4 jQuery sliders that sent ranges. I want the sliders to update each other in the following way: the value selected for the max of slider #1 automatically becomes the min for slider #2, the max of slider #2 automatically becomes…
Adunahay
- 1,551
- 1
- 13
- 20
4
votes
3 answers
jQuery UI slider handle going out of bounds
I've been able to style it flawlessly but getting it to stay within it's container has been a challenge. The margin-left fix doesn't seem to work for me.
Here's a jsfiddle: http://jsfiddle.net/Erugp/
Brooklyn Nicholson
- 646
- 10
- 25
4
votes
1 answer
Set min/max for each range handle in jQuery UI slider?
I'm using a jQuery slider where users can select a time range between 00:00 and 1d+12:00. 36 hours all together.
Anyway.
I would like to apply min and max values to my handles based on what they're set to. These are my requirements:
left handle can…
Robert Koritnik
- 103,639
- 52
- 277
- 404
4
votes
2 answers
Moving range in jQuery UI slider by dragging
I am using jQuery UI Slider in the range mode. Is there a way (plugin/extension/hack) to allow the user to displace the range (i.e. change both lower and upper limit) without adding an extra button outside the slider? In some GUI widgets this is…
Hernan
- 5,811
- 10
- 51
- 86
4
votes
1 answer
tornado.gen.BadYieldError: yielded unknown object None
I`m using Python and Tornado to build basic apps with a jquery UI slider element. My goal is, when users interact with the slider, it will be sent a value to a python function, and the result will be displayed in python console.
My custom.js…
B.S
- 33
- 1
- 4
4
votes
2 answers
Angular uislider Disable
I am using Angular UI Slider. Slider is working as expected. But I dont know how to disable it. I tried ng-disabled and few other things, it dint worked out.
Any idea on how I should disable this?
ShaMoh
- 1,490
- 3
- 18
- 34
4
votes
2 answers
jQuery price slider filter values
I have created a jQuery price slider but I am not sure how to have the filter area start with actual price ranges? Currently it has '$[object Object] - $[object Object]' when I'd prefer it to have something like '$299 - $1099'.
Once you start…
Stranger Design
- 43
- 1
- 1
- 6