jquery tooltip IE問題

我正在使用jquery tooltip重新加載ajax的區域。所以我將js綁定到工具提示，並且所有工作都適用於大多數瀏覽器，但不適用於IE 7和8.位置存在問題，它給我提供了像「left is NULL or not an object」的錯誤，這裏是有問題的部分腳本'jquery tooltip 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 
     }); 
    }`

當我關閉錯誤彈出如果我快速移動鼠標到該區域，它開始正常工作。有人可以說什麼是問題。重新加載的區域具有固定的寬度。

來源

2011-05-26 Yovo

您是否也使用可選插件？ http://plugins.jquery.com/project/bgiframe

來源

2011-05-26 22:25:26 locoboy

NO。我沒有使用iframe，但我試圖看看是否有任何區別，但問題仍然存在。 – Yovo 2011-05-26 22:31:57

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

在這裏你可以看到它是如何工作的：http://jsfiddle.net/au4Lt/

來源

2011-08-12 08:24:39

jquery tooltip IE問題

回答

相關問題