Search code examples
javascriptjquerytooltip

Jquery tooltip always showing head title name as tooltip

I'm using the built-in Jquery tooltip library and it works great, EXCEPT in Firefox, it always shows the title of the page (inside <head>, like so: <title>My Title</title></head>).

I've tried to use the "disabled: true" option and it still shows. Any clue how I can hide this?

I initialize it with this line:

$(function() {
   $( document ).tooltip({ position: { my: "left+15 center", at: "right center" } });
   $('.head-title').tooltip( "option", "disabled", true );
});

I've tried the following two disable methods, neither of which worked. I wrapped the title in another div called "head-title"

$('.head-title').tooltip({ disabled: true });
$('.head-title').tooltip('disabled');
$('.head-title').tooltip( "option", "disabled", true );

I'm using JQuery v1.8.2.

Solution

  • Close but it is .tooltip('disable'), not .tooltip('disabled').

    JAVASCRIPT:

    $( document ).tooltip('disable');

    DEMO: http://jsfiddle.net/dirtyd77/5F3kf/18/