具有延迟释放的Jquery UI工具提示触发器

Question

我正在尝试使用jQuery Tool提示功能，从示例中我遇到了改变我所追求的功能的代码的问题。

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

我有几个coulored Circle区域地图，我想要一个工具提示从单击时弹出。

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

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

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." />

谢谢大家。

塞缪尔

Answer 1

最简单的解决方案是等到click事件来实例化工具提示。你正在悬停它们，因为你一次实例化它们。

here有一个详细的答案。