2012-12-27 42 views
11

1 saniye sonra jQuery UI Tooltip Widget'ı otomatik olarak nasıl kapatabilirim? kod aşağıdaki kullanın:jQuery UI Araç İpucu Widget otomatik kapat

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} 
); 

cevap

19

Dene: Bu yardımcı olur

$(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

Umut!

+0

Cool! İşe yarıyor! Çok teşekkür ederim! – Aleksov

+0

Bir jQuery UI iletişim kutusunda araç ipuçlarını göstermek için bu kodu kullandığımda karşılaştığım ilginç bir sorun var - iletişim kutusundaki ilk form öğesinin bir araç ipucu varsa, formun donmasına ve araç ipucunun yanlış konumda görünmesine neden oluyorsa - pencerenin sol üst köşesi. – DroidOS

+1

Daha fazla araştırma yaptıktan sonra - tooptip'in vanilya versiyonu, $ (document) .tooltip() düzgün çalışıyor. Sorun, diyalogların içindeki araç ipuçlarıyla ilk form elemanının son derece can sıkıcı bir yapışkan araç ipucu göstermesiyle sonuçlanmasıdır. Bu sorunu çözmeye çalışırken bu konuya girdim. Ne yazık ki, bu yanıtta açıklandığı gibi daha tam olarak yapılandırılmış bir araç ipucu kullanmak, yukarıda bahsettiğim diğer sorunu gündeme getiriyor - iletişim donuyor, İptal/Kapat düğmesi artık çalışmıyor .... Sonunda qTips'e geçtim - ki bu her durumda yerel jQuery UI tiooltipinden çok daha fazla konfigüre edilebilir. – DroidOS