Turn off jQuery UI tooltip for certain elements

Set tooltip on all elements with:

$('*').tooltip();

And disable with

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

A la:

jsFiddle

If you use selector instead of $(document), don't forget to call that code at the right moment.

$(document).tooltip({show: false});
$(document).ready( function(){
    $('#OK_Button').tooltip({disabled: true});
});

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)' });

None of that worked for me and it has been driving me crazy.

This is what worked for me:

$(document).tooltip({ content: function () { return $(this).not('#NoTipDiv *[title]').attr('title'); });

$('*').tootip can heavily delay your page view!

Related