带有延迟发布的 Jquery UI 工具提示触发器答案

【问题标题】：Jquery UI Tool Tip Trigger with Delayed Release带有延迟发布的 Jquery UI 工具提示触发器
【发布时间】：2012-11-02 13:22:16
【问题描述】：

我正在尝试使用 jQuery 工具提示功能，并且从示例中我在更改我所追求的功能的代码时遇到了问题。

http://jqueryui.com/tooltip/#forms

我有几个彩色圆形区域地图，我希望在单击其中一个时弹出工具提示。

以下功能有效，但在将鼠标悬停在元素上时也会弹出工具提示。然后，当您单击它时，会弹出另一个工具提示。

所以我需要的是将功能更改为仅在“点击时”弹出，然后在几秒钟后消失。

jQuery:

$(function() {        
                        var tooltips = $( "[title]" ).tooltip();

                                $( "#01-001" ).click(function() {

                                        tooltips.tooltip( "open" );            
                                })  

                        });

HTML：

          <area id="01-001" shape="circle" coords="99,71,10" href="#" alt="01-001" data-maphilight='{"stroke":false,"fillColor":"FF0000","fillOpacity":1,"alwaysOn":true}' title="Tool Tip Messgae." />

谢谢各位。

塞缪尔

【问题讨论】：

标签： jquery-ui tooltip

【解决方案1】：

最简单的解决方案是等到单击事件实例化工具提示。你让它们悬停是因为你一次实例化了它们。

here有详细解答。

【讨论】：