jquery工具提示IE问题

时间:2011-05-26 21:35:24

标签: jquery internet-explorer mouse tooltip position

我在使用ajax重新加载的区域中使用jquery tooltip。所以我绑定js for tooltip并且所有工作都适用于大多数浏览器但不适用于IE 7和8.位置有问题,它给我一个错误,如“left is NULL or not a 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
        });
    }`

当我关闭错误弹出窗口时,如果我将鼠标快速移动到该区域,它将开始正常工作。有人能说出问题所在。重新加载的区域具有固定宽度。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分: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}); })
    });
});

您可以在此处查看其工作原理:http://jsfiddle.net/au4Lt/