2013-08-08 5 views
2

3 초 후에 사라지는 툴팁을 표시하고 싶습니다.jquery 툴팁 설정 시간 초과

코드를 어떻게 수정해야합니까? 주석 코드가 작동하지 않습니다 보인다 :

http://jsfiddle.net/sMJ2T/1/

HTML

<div id="mytooltip" title="the message"></div> 

JS에게

$(function() { 
    $('#mytooltip').tooltip(); 

    $('#mytooltip').tooltip({ 
    open: function(e,o){ 
     $(o.tooltip).mouseover(function(e){ 
      $('#mytooltip').tooltip('close'); 
     }); 
     $(o.tooltip).mouseout(function(e){ 
     });   
    }, 
    close: function(e,o) {}, 
    show: { duration: 800 } 
}); 

    $('#mytooltip').tooltip('open');//.delay(2000).tooltip('close'); 


}); 

답변

5

을 당신은 이런 식으로 작업을 수행 할 수 있습니다

$(function() { 
    $('#mytooltip').tooltip(); 

    $('#mytooltip').tooltip({ 
     open: function (e, o) { 
      $(o.tooltip).mouseover(function (e) { 
       $('#mytooltip').tooltip('close'); 
      }); 
      $(o.tooltip).mouseout(function (e) {}); 
     }, 
     close: function (e, o) {}, 
     show: { 
      duration: 800 
     } 
    }); 

    $('#mytooltip').tooltip('open'); 
    setTimeout(function() { 
     $('#mytooltip').tooltip('close'); //close the tooltip 
    }, 3000); //but invoke me after 3 secs 
}); 

Fiddle.

+0

감사합니다. 인라인 지연 기능의 문제점은 무엇입니까? – monjevin

+0

@monjevin 특히 기능이 무엇입니까? – Icarus

+0

내 코드 여기에 : $ ('# mytooltip'). 툴팁 ('open'). 지연 (3000) .tooltip ('close');' – monjevin