logo标签列表

jQuery提示框在IE浏览器中出现问题

jqueryinternet-explorermousetooltipposition
5
我正在使用jquery tooltip，并在使用ajax重新加载的区域中绑定了tooltip的js。所以我为tooltip绑定了js，在大多数浏览器上都能正常工作，但是在IE 7和8上存在位置问题，并且会给我一个错误信息，例如“left为NULL或不是一个对象”，下面是脚本的有问题的部分： `

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

0
不，我没有使用iframe，但我尝试了一下，只是想看看是否有任何区别，但问题仍然存在。 - Yovo
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接