Delayed Release가있는 Jquery UI 도구 팁 트리거

Question

jQuery 도구 팁 기능을 사용하려고하는데 예제에서 내가 수행 한 기능의 코드를 변경하는 데 문제가 있습니다.

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

내가 도구 팁 하나를 클릭하면에서 팝업 할 몇 가지 coulored 서클 지역의지도를 가지고있다.

다음 기능은 작동하지만 요소 위로 마우스를 가져 가면 도구 설명이 팝업됩니다. 그런 다음 다른 도구 팁을 클릭하면 팝업됩니다.

그래서 내가 필요한 것은 "클릭"으로 팝업 한 다음 몇 초 후에 사라 지도록 기능을 변경하는 것입니다.

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

가장 간단한 해결 방법은 툴팁의 인스턴스를 클릭 이벤트 때까지 기다려야하는 것입니다. 한 번에 모두 인스턴스화 했으므로 마우스를 올려 놓으십시오.

자세한 답변은 here입니다.