2012-12-27 4 views
11

1 초 후에 자동으로 jQuery UI 툴팁 위젯을 닫을 수 있습니다. 내가 다음 코드를 사용하여jQuery UI 툴팁 위젯 자동 닫기

var du=1000;  
$(document).tooltip(
{show:{effect:'slideDown',delay:du,duration:du/2}}, 
{hide:{effect:'explode',pieces:20,duration:du,delay:du/4}}, 
{track:true} 
); 

답변

19

시도 :이 도움이

$(document).ready(function() { 
    var du = 1000; 
    $(document).tooltip({ 
     show: { 
      effect: 'slideDown' 
     }, 
     track: true, 
     open: function (event, ui) { 
      setTimeout(function() { 
       $(ui.tooltip).hide('explode'); 
      }, du); 
     } 
    }); 
}); 

Fiddle

희망!

+0

쿨! 그것은 작동합니다! 고마워요! – Aleksov

+0

jQuery UI 대화 상자에 툴팁을 표시 할 때이 코드를 사용했을 때 궁금한 점이 있습니다 - 대화 상자의 첫 번째 폼 요소에 툴팁이있을 경우 폼이 멈추고 툴팁이 잘못된 위치에 나타납니다 - 창의 왼쪽 상단 모서리. – DroidOS

+1

더 많은 조사가 끝나면 바닐라 버젼의 힙팁 인 $ (document) .tooltip()이 잘 동작합니다. 문제는 대화 상자 안의 툴팁으로 첫 번째 양식 요소가 매우 귀찮은 끈적한 툴팁을 보여주게된다는 것입니다. 그 문제를 해결하는 동안 나는이 스레드를 만났다. 안타깝게도이 답변에서 설명한대로 완전히 구성된 툴팁을 사용하면 위에 언급 한 다른 문제가 발생합니다. 대화 상자가 정지되고 취소/닫기 버튼이 더 이상 작동하지 않습니다. 결국 qTips로 전환했습니다. 어떤 경우 이건 기본 jQuery UI tiooltip보다 훨씬 더 많이 구성 할 수 있습니다. – DroidOS