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

Question

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!

@Swarnajith I can reproduce OPs error in the same browser. It is appearing sometimes and never - when 'Developer Tools' window is opened =) — Alex G.P.
– Alex G.P., Commented Feb 7, 2013 at 9:09
This is most likely caused by the title attributes of the area elements. See Alex's answer for a workaround. — Boaz
– Boaz, Commented Feb 7, 2013 at 9:18

Alex G.P. · Accepted Answer · 2013-02-07 09:07:52Z

2

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

answered Feb 7, 2013 at 9:07

Alex G.P.

10.1k6 gold badges50 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tom V. Over a year ago

Unfortunately, it doesn't show any Tooltip at all if I set the attribute data-title, and the items option...

Alex G.P. Over a year ago

Could you provide sample of your code on jsfiddle.net? I suspect that it is just matter of correct selector for 'items'.

Tom V. · Accepted Answer · 2013-02-07 18:49:53Z

0

@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!

answered Feb 7, 2013 at 18:49

Tom V.

515 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related