2011-05-26 11 views
5

Estoy usando jquery tooltip en el área que se vuelve a cargar con ajax. Así que enlace el js para información sobre herramientas y todo funciona bien para la mayoría de los navegadores pero no para IE 7 y 8. Hay un problema con la posición y me da error como "left es NULL o no es un objeto" y aquí está la parte problemática de la secuencia de comandos `jquery tooltip problema de IE

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.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 
     }); 
    }` 

cuando cierro emergente de error si muevo el ratón rápidamente a esa zona que empezar a trabajar normal. ¿Puede alguien decir cuál es el problema? El área recargada tiene un ancho fijo.

Respuesta

0
$(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}); }) 
    }); 
}); 

Aquí se puede ver cómo funciona: http://jsfiddle.net/au4Lt/