Hi!
I'm trying to show a tooltip using jQuery and ajax.
I got it to show, but now it doesn't dissapear.
Works fine when i remove PIE.
Here's my JS
Code:
$("div.detailedHelp").on("click", function () {
var el = $(this).find(".help");
var dv = el.next(".dvToolTip");
dv.show().find('span').html('<img src="../../App_Themes/Norhub/images/icons/ajax-loader-white-trans.gif"> Loading...');
$.ajax({
type: "POST",
url: window.webServiceUrl + "/ToolTipService.asmx/GetToolTip",
cache: false,
contentType: "application/json; charset=utf-8",
data: '{"context":"' + el.attr("data-contextid") + '"}',
dataType: "json",
success: function (data) {
dv.find('span').html(data.d);
var pos = el.offset();
dv.css({
top: 32,
right: (pos.right - 10) + "px"
}).fadeIn(100);
},
error: function () {
dv.find('span').html("Sorry, an error occurred");
}
});
});
$('.help[data-contextid="-1"]').hover(function () {
var dv = $(this).next(".dvToolTip");
if (dv.html() != null) {
dv.fadeIn(100);
}
}, function () {
var dv = $(this).next('.dvToolTip');
dv.hide();
});