Clever Geek Handbook

How to hide inline tooltip in IE when using JQuery Tooltip?

I have a little problem with my little application. you can find it here .

In Chrome, Firefox, ... Everything works fine. There is a small problem in Internet Explorer.

As I am using JQuery UI ToolTip the default tooltip may not appear ... In Internet Explorer it still appears.

Anyone who knows how to fix this little problem?

Thank!

+3


source to share


2 answers


I can only suggest not using the attribute title

. Instead, you can use an attribute data-title

or any other name that starts with data-

. After that, specify the required attribute using the items

plugin option :



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


source


@Alex GP When I only used the "items" option it showed nothing at all. I also had to add "content":

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



Now it works great :) Anyway, thanks!

0


source






More articles:


All Articles