jquery tooltip IE问题答案

【问题标题】：jquery tooltip IE problemjquery tooltip IE问题
【发布时间】：2011-09-02 23:24:06
【问题描述】：

我在用 ajax 重新加载的区域中使用 jquery tooltip。因此，我为工具提示绑定了 js，并且对于大多数浏览器都可以正常工作，但对于 IE 7 和 8 则不行。位置有问题，它给了我错误，例如“left is NULL or not an object”，这是有问题的部分脚本`

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

当我将鼠标快速移动到该区域时，当我关闭错误弹出窗口时，它开始正常工作。有人可以说是什么问题。重新加载的区域是固定宽度的。

【问题讨论】：

标签： jquery internet-explorer mouse tooltip position

【解决方案1】：

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

【讨论】：

没有。我没有使用 iframe，但我只是想看看有什么不同，但问题仍然存在。

【解决方案2】：

$(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/

【讨论】：