jquery tooltip IE problem
I am using jquery tooltip in area which is reloaded with ajax. So I bind the js for tooltip and all work fine for most browser but not for IE 7 and 8. There is a problem with position and it give me error like "left is NULL or not an object" and here is the problematic part of the script `
var left = helper.parent[0].offsetLeft;
var top = helper.parent[0].offsetTop;
if (event) {
// position the helper 15 pixel to bottom right, starting from mouse position
left = event开发者_StackOverflow.pageX + settings(current).left;
top = event.pageY + settings(current).top;
var right='auto';
if (settings(current).positionLeft) {
right = $(window).width() - left;
left = 'auto';
}
helper.parent.css({
left: left,
right: right,
top: top
});
}`
when I close error popup if I move mouse quickly to that area it start working normal. Can someone say what`s the problem. The reloaded area is with fixed width.
Did you also use the optional plugin? http://plugins.jquery.com/project/bgiframe
$(document).ready(function(){
$('body').append('<div id="tooltip"></div>');
$('[tooltip]').each(function(){
$(this)
.mouseover(function(){ $("#tooltip").css("display","block").html($(this).attr("tooltip")); })
.mouseout(function(){ $("#tooltip").css("display","none"); })
.mousemove(function(e){ $("#tooltip").css({"left": e.pageX, "top": e.pageY}); })
});
});
Here you can see how it works: http://jsfiddle.net/au4Lt/
精彩评论