Javascript jQuery工具提示ui:使用onmouseover和获得双重显示的问题

Javascript jQuery工具提示ui:使用onmouseover和获得双重显示的问题,javascript,mapserver,jquery-ui-tooltip,Javascript,Mapserver,Jquery Ui Tooltip,请参阅附图: html(我只是把它分成3行,这样你就不必向右滚动): jquery: function displayToolTip() { $( document ).tooltip({track: true, items: '[title]', content: getContent}); } function getContent() { var eleme

请参阅附图:

html(我只是把它分成3行,这样你就不必向右滚动):


jquery:

function displayToolTip() {
                    $( document ).tooltip({track: true, items: '[title]', content: getContent});
            }

            function getContent() {
                    var element = $(this);
                    if (element.is('[tooltip]')) {
                            var src = element.attr('tooltip');
                            return '<img src="' + src + '" width="100">';
                    }
                    if (element.is('[title]')) {
                            return element.attr('title');
                    }
            }
函数显示工具提示(){
$(文档)。工具提示({track:true,items:'[title]',content:getContent});
}
函数getContent(){
var元素=$(此);
if(element.is(“[工具提示]”)){
var src=element.attr('tooltip');
返回“”;
}
if(element.is('[title]')){
返回元素attr('title');
}
}
问题:

我不知道为什么基本上有“双悬停”。如果我只是在地图上快速移动鼠标,名称就会在左上角相互重叠

1) 我不想在左上角有任何工具提示

2) 我只想将鼠标悬停在一个黄金点上,工具提示就会出现。正如您在图中所看到的,这种情况正在发生……有些许

3) 不要介意那个青绿色的长方形

目标:

移除左上角的工具提示,当您将鼠标悬停在黄金点上时,只需使用工具提示即可


对此问题的任何意见都将不胜感激。我在查看文档,但我不确定我做错了什么

工具提示就是这样一种东西,它永远不会按照您预期的方式工作,最终花费的时间比您预期的要多得多。这涉及到很多因素,但最著名的是时间、浏览器类型和版本

计时问题:如果在渲染时悬停在其上的元素具有alt或title属性,则一旦触发悬停事件并调用侦听器,则为时已晚,无论此时您选择了什么,都将显示默认工具提示。有时,您可能会幸运地通过
事件.preventDefault()
或浏览器等价物来解决它

浏览器问题:毫不奇怪,IE(7,8,9)的许多版本在呈现alt或title属性后,就无法阻止它显示默认工具提示。有几种解决方法,但大多数包括从html本身删除alt和title属性(即在浏览器有机会看到它之前),以及使用xhr获取工具提示的文本内容


希望这能有所帮助。

谢谢您的详细回答。我会告诉你事情的进展,然后在这里汇报。
function displayToolTip() {
                    $( document ).tooltip({track: true, items: '[title]', content: getContent});
            }

            function getContent() {
                    var element = $(this);
                    if (element.is('[tooltip]')) {
                            var src = element.attr('tooltip');
                            return '<img src="' + src + '" width="100">';
                    }
                    if (element.is('[title]')) {
                            return element.attr('title');
                    }
            }