CODEWITHSUNDEEP
jqueryinternet-explorertooltipjquery-tooltip
Tom V.
Tom V.

Reputation: 51

How to hide the native tooltip in IE when using jQuery Tooltip?

Have a little problem again with my little application. you can find it here.

In Chrome, Firefox, ... Everything runs fine. In Internet explorer there's a little issue.

As i'm using jQuery UI ToolTip, the default tooltip may not be shown... In Internet Explorer, it does appear anyway.

Somebody who knows how to fix this little problem?

Thanks!

Upvotes: 3

Views: 1957

Answers (2)

Tom V.
Tom V.

Reputation: 51

@Alex G.P. When I only used the "items" option, it didn't show anything at all. I had to add a "content" option as well:

$("area").tooltip({ track: true, items: "area[data-title]", content: function () { return $(this).attr("data-title")} });

Now it works fine:) Thank you anyway!

Upvotes: 0

Alex G.P.
Alex G.P.

Reputation: 10010

I only may suggest do not use title attribute. You may use instead, for example, data-title attribute or any other name started with data-. After that specify required attribute using items option of plugin:

$('area').tooltip( { items: 'area[data-title]' } );

Upvotes: 2

Related Questions