JQuery Tooltip Hover on Radio Button

Question

I want to have a tooltip show on hover over a radio button. So I'm trying to use this plugin: tipsy. So here's my html:

<label><input type="radio" name="options" value="1" class="required" id="option1"> Option1</label>

And then I tried something like this:

$("#option1").tipsy({fallback: "test" });

But when i hovered over the radio button, nothing appeared. Why isn't anything appearing and how do I make it work?

Solution 1

Add title to your input.

<input type="radio" name="options" value="1" class="required" id="option1" title="MyText">

Solution 2

Here's an example of how you could approach a hover-over. It's fairly simple...

http://jsfiddle.net/wrN2u/50/

Comments

[Charlie Yabben]

For somereason this displays text at the top of my page rather than right next to the radio button like a normal tooltip. Any ideas why?