我的目标是通过将鼠标悬停在地图旁边的列表中来触发地图区域内的工具提示。 因此,工具提示应显示在地图中而不是列表中。
此外,将鼠标悬停在地图上会触发工具提示。
示例:我有一个城市地图,我希望地图上的一些点可以通过工具提示来解释 - XY餐厅,XY公园,XY博物馆。将鼠标悬停在点上会触发工具提示,并将鼠标悬停在列表中。
我用过这个插件: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
将鼠标悬停在地图上会像魅力一样,但是当鼠标悬停在列表上时,我无法显示工具提示。我认为它不起作用,因为它使用鼠标位置来计算工具提示位置。
目前我使用
$(function() {
$("a.toolTip").tooltip({ positionLeft: true });
});
</script>
表示地图部分:
<a class="toolTip" target="_blank" title="Area-Tooltip 1" href="xy"></a>
但我不知道如何通过此触发器(列表)让“Area-Tooltip 1”工具提示出现在Map上
<a class="ToolTipList" href="xy" target="_blank">ListElement1</a>
将鼠标悬停在“ToolTipList”类上会触发“toolTip”类位置的类“toolTip”工具提示。