tooltip to follow jquery slider handle?

Question

I am wondering if it would be possible to attach a tooltip to the slider handle? My current slider function is:

            $(\'#slider\').slider({
                     


        

Answer 1

Actually using the title attribute is the easier way ( belugabob idea)

$(function() {


  $("#slider").slider()
                .find(".ui-slider-handle")
                .attr("title", "Slide Me")

});

However if you want full control use this sample

Preview: http://jsbin.com/eluqi3/166/edit

$(function() {

  var $slideMe = $("
")
                    .css({ position : 'absolute' , top : 10, left : 0 })
                    .text("Slide Me!")
                    .hide()


  $("#slider").slider()
                .find(".ui-slider-handle")
                .append($slideMe)
                .hover(function()
                        { $slideMe.show()}, 
                       function()
                        { $slideMe.hide()}
                )

});