Turn off jQuery UI tooltip for certain elements

jquery-ui tooltip
slolife picture slolife · Oct 30, 2012 · Viewed 48.6k times · Source

For simplicity, I'd like to enable the jQuery UI tooltip widget on all elements of the page:

Then disable it for certain elements or elements and their descendants. But this doesn't seem to work:

$(document).tooltip({ track: true });
$('#menu *[title]').tooltip({ disabled: true });

My $('#menu *[title]') selector seems to work as I expect, getting all descendant elements that have a title attribute of the #menu element.

So why isn't the disabled option working in .tooltip({ disabled: true }); to disable the tooltip on those elements? Is there another way and/or better way to accomplish this?

Answer

Elliott picture Elliott · Oct 31, 2012

Set tooltip on all elements with:

$('*').tooltip();

And disable with

$('#menu *[title]').tooltip('disable');

A la:

jsFiddle

Related questions

.tooltip() is not a function

I am trying to use the .tooltip() that I found from the following: Jquery-ui tooltip. What I have is a rails app that has some information in a table. In separate cells. Currently you can view the full information of …

Read More
How to break line in jQueryUI tooltip

The new version of jQueryUI (1.9) comes with the native tooltip widget. After testing with it, it works fine if the content (value of the title attribute) is short. But if the content is long, the tooltip, once displayed, will overlap …

Read More
jQuery UI Tooltips - How to correctly position vertically centered to the mouse?

Update: Still looking for a viable solution, but check my answer below, it may help you or give you an idea. It works for a specific resolution. I'm using the jQuery UI tooltips plugin but I m having trouble positioning …

Read More