工具提示无法在任何IE浏览器中使用?

时间:2012-02-07 11:29:41

标签: jquery ajax

以下代码用于在悬停时生成工具提示...将鼠标悬停在某些文本上,例如以下代码。

span class="ttip" rel="#tip_1" 

然后在id为tip_1的外部文件中拉取div ....非常好...如果你是FF,Opera,Chrome等......但是在IE中没有任何作用!

有什么想法吗?

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('.ttip').hover(function(){
            var offset = jQuery(this).offset();
            console.log(offset)

            var width = jQuery(this).outerWidth();
            var tooltipId = jQuery(this).attr("rel");

            jQuery('#tooltip-cont').empty().load('/tooltips.html ' + tooltipId).fadeIn(500);
            jQuery('#tooltip-cont').css({ top:offset.top, left:offset.left + width + 10 }).show();
        }, function(){
            jQuery('#tooltip-cont').stop(true, true).fadeOut(200);
        });
    });
</script>

1 个答案:

答案 0 :(得分:1)

您是否尝试删除console.log?我错误地将它留在我的脚本中,在没有像firebug这样的专用工具之前,它会抛出一个错误。我相信更广泛支持的用法是:

window.console.log(offset);

这是来自SO的similar question