我创建了一个 jsfiddle 作为示例 http://fiddle.jshell.net/WBaXx/
在结果面板中,您将看到谷歌地图和文本“abcdefghijk”......当用户将鼠标悬停在这些文本上时,我想要让信息窗口弹出。
我成功编写了脚本,但我有一个小问题,当用户将鼠标从字母“a”移动到“k”时,信息窗口会闪烁。
问题是因为这些文本位于不同的 html 标签中,但我正在听 DIV 的父 html 的鼠标悬停。所以这不应该发生不是吗。
有什么帮助吗?
谢谢你
我创建了一个 jsfiddle 作为示例 http://fiddle.jshell.net/WBaXx/
在结果面板中,您将看到谷歌地图和文本“abcdefghijk”......当用户将鼠标悬停在这些文本上时,我想要让信息窗口弹出。
我成功编写了脚本,但我有一个小问题,当用户将鼠标从字母“a”移动到“k”时,信息窗口会闪烁。
问题是因为这些文本位于不同的 html 标签中,但我正在听 DIV 的父 html 的鼠标悬停。所以这不应该发生不是吗。
有什么帮助吗?
谢谢你
闪烁是由再次打开的“信息窗口”引起的——即使它已经打开了。
您可以使用
if (!infowindow.getMap())
检查信息窗口是否已经打开
如果您在页面中使用 jQuery,则可以使用 mouseenter/mouseleave 来控制事件的触发。
从api页面@http ://api.jquery.com/mouseover/
... mouseover 在指针移入子元素时触发,而 mouseenter 仅在指针移入绑定元素时触发。
您的 jsfiddle 在下面更新