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
118
votes
3 answers
jQuery UI slider Touch & Drag/Drop support on Mobile devices
I have already styled and implemented jQuery UI slider into a project. Though it's responsive, the slider does not respond to being touched and dragged. Instead, you have to touch where you want the slider to go. I'd like to avoid swapping to jQuery…
Seth
- 10,198
- 10
- 45
- 68
55
votes
12 answers
Trigger a jQuery UI slider event
How can I trigger a change event on a jQuery UI slider?
I thought it would be
$('#slider').trigger('slidechange');
but that does nothing.
Full example script follows:
Greg
- 316,276
- 54
- 369
- 333
48
votes
10 answers
How to get value from jQuery UI slider?
I am working on http://gamercity.info/ymusic/.
And I am using UI slider as seek bar.
While the video is played I want to invoke a seekTo(seconds) function if user clicked anywhere on the seek bar. How to get new value of seconds after click event?
atinder
- 613
- 1
- 6
- 5
37
votes
5 answers
jQuery UI Slider Labels Under Slider
I am limited to using jQuery 1.4.2 and jQuery ui 1.8.5 (this is not by choice, please do not ask me to upgrade to latest versions). I have created a slider that shows the current value above the slide bar, but what I need now is a way to populate a…
Richard Parnaby-King
- 14,703
- 11
- 69
- 129
23
votes
7 answers
jQuery readonly slider - how to do?
How can I have a jQuery slider that is readonly? One that would display a value but the user wouldn't be allowed to move it?
Thanks
Name
18
votes
5 answers
17
votes
3 answers
Jquery UI Slider change value of slider when changed in input field
$("#storlekslider").slider({
range: "max",
min: 0,
max: 1500,
value: 0,
slide: function(event, ui) {
$("#storlek_testet").val(ui.value);
$(ui.value).val($('#storlek_testet').val());
}
});
// $( "#storlek_testet"…
oBo
- 992
- 2
- 13
- 28
16
votes
1 answer
ui slider with text box input
We have a ui slider we utilise, and it works flawlessly.
code:
jQuery(function() {
jQuery( "#slider-range-min" ).slider({
range: "min",
value: 1,
step: 1000,
min: 0,
max: 5000000,
slide: function( event, ui ) {
…
422
- 5,714
- 23
- 83
- 139
16
votes
6 answers
jQuery UI Slider: move the value along (with) the handle
I used the jQuery UI slider component in my page to set a range of prices.
I can also use their ui.values[] to set and show the new values in other divs.
How can I make to see the new value under the handle. I.e. if I moved the
handle to $100, I…
Dan
- 21,377
- 5
- 18
- 16
14
votes
2 answers
jQuery UI slider 'change' event fires even when value has not changed
I am trying to fire an event when a user slides the slider and the value is changed when the sliding stops. As per the jQuery docs, the changeevent would be ideal for this case. So I am trying this out:
…
SexyBeast
- 7,913
- 28
- 108
- 196
12
votes
6 answers
cannot call methods on slider prior to initialization attempt to call method 'value'
I am using the following code for slider
Css and Jquery:
Kapil
- 1,823
- 6
- 25
- 47
11
votes
2 answers
jQuery UI Slider Not Appearing
I thought the basic syntax for a slider was:
$("#slider").slider()
But that doesn't make a visible slider. Inspecting the div element, I see that some stylings were applied, but the slider isn't visible.
Here's a fiddle:…
Tyler DeWitt
- 23,366
- 38
- 119
- 196
9
votes
4 answers
jQuery UI Slider - Value returned from 'slide' event on release is different from 'change' value
I have a jQuery UI slider:
$('div.slider').slider({
range: true,
step: 250,
min: 1000,
max: 500000,
values: [1000,500000],
change: function(event, ui){
console.log($(this).slider('values',…
wyqydsyq
- 1,992
- 1
- 20
- 28
9
votes
7 answers
jQuery UI Sliders - Select overlapping sliders based on dragging direction
I have this simple jQuery UI Slider setup with a range and a two default values that overlap. The entire thing (with a few bells and whistles) can be found in this jsfiddle: http://jsfiddle.net/yijiang/XeyGS/
$('#slider').slider({
min: 1,
…
Yi Jiang
- 49,435
- 16
- 136
- 136
9
votes
1 answer
Jquery ui slider with string values?
I am working with jQuery UI slider.
Here is the code i am using:
$(function() {
$( "#slider" ).slider({
value:1,
min: 0,
max: 5,
step: 1,
slide: function( event, ui ) {
…
iLaYa ツ
- 3,941
- 3
- 32
- 48