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?

possible duplicate of http://stackoverflow.com/questions/7838646/displaying-a-tooltip-when-user-hovers-on-label-of-radio-button-in-jquery — Abhijeetchindhe, Oct 05 '12 at 20:19

score 6 · Answer 1 · answered Oct 05 '12 at 20:18

6

Add title to your input.

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

answered Oct 05 '12 at 20:18

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? – Charlie Yabben Oct 05 '12 at 20:27

score 1 · Answer 2 · answered Oct 05 '12 at 20:27

1

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

answered Oct 05 '12 at 20:27

Jish

score 0 · Answer 3 · answered Oct 05 '12 at 20:18

0

Are you putting the text in the title attribute?

<input type="radio" name="options" value="1" title="Some Text To Display" class="required" id="option1" />

answered Oct 05 '12 at 20:18

fanfavorite

3 Answers3