Question

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

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

然后从外部文件（tooltips.html）中提取id为tip_1的div。麻烦在IE 7＆amp; 8 - 它只是加载工具提示框 - 而不是内部的内容......（就像它无法与tooltips.html文件通信）

有什么想法吗？

<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>

Answer 1

除非在发布问题时这是转置错误，否则您的网址中会有额外的空格（在.html之后）：

.load('/tooltips.html ' + tooltipId)

应该是：

.load('/tooltips.html' + tooltipId)

无关：您在该代码中进行了大量低效的重新查询。您应该存储对已查询元素的引用，并尽可能使用jQuery的链接特性。

jQuery / Ajax - IE没有从外部文件中获取数据？

1 个答案: