JQuery slider UI with tooltip

Question

I have a jquery UI slider on the webpage I'm working on, but I also want to get a tooltip on the slider. I went through most of the questions here (search) and did not find what I was looking for, or I could not understand the answer (s).

Here is an example of what I'm looking for: Example user interface slider with tooltip

Here is my slider: My slider without a hint

I just created a simple user interface slider from the jquery website. Snap to increase. Ideally, no matter what the dollar is on the slider, I would like a tooltip to appear right above it. I will review the CSS code later to look “nn”.

and I can’t post my actual code because it has hyperlinks, and because I am new here, this website will not allow me to publish with more than two hyperlinks, which I already use to show you the sample and my slider .

Answer 1

I believe you are looking for this .

Basically, this tutorial shows how to style a slider and place a tooltip above the slider to get the input value.