Search jQuery

jQuery Forum

How to attach text to the Jquery UI Slider button...

in Using jQuery UI • 5 years ago

Hello,

I have what may be a really simple or really complicated request: how can I attach an element to the bottom of the slider button such that the value of the slider sits right below where you would click and drag to adjust the slider value?

Thank you for your time.

Regards,
ckoeber

Replies(2)

kbwood.au

Re: How to attach text to the Jquery UI Slider button...

5 years ago

Try this:

$(function() {
$('#slider').slider({slide: function(event, ui) {
setTimeout(function() { // Let slider finish first
$('#sliderVal').text(ui.value).position({my: 'center top', // Update value and position
at: 'center bottom', of: '#slider .ui-slider-handle'});
}, 0);
}});
});

<div id="slider"></div>
<span id="sliderVal" style="position: absolute;"></span>

ckoeber

Re: How to attach text to the Jquery UI Slider button...

5 years ago

Thanks, I'll give that a shot.

Top Reply

Response title

Attachments

jQuery Forum

How to attach text to the Jquery UI Slider button...

Replies(2)

Re: How to attach text to the Jquery UI Slider button...

Re: How to attach text to the Jquery UI Slider button...

Statistics

Tags

Actions