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