Turn off jQuery UI tooltip for certain elements

Question

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 1

Set tooltip on all elements with:

$('*').tooltip(); 

And disable with

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

A la:

jsFiddle

Answer 2

None of the answers above worked for me, it seems like the way to do this now is to use the items option:

$("*").tooltip({ items: ':not(.menu)' });