Javascript jQuery工具提示ui:使用onmouseover和获得双重显示的问题
请参阅附图: html(我只是把它分成3行,这样你就不必向右滚动):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
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');
}
}