2012-12-27 12 views
11

Jak mogę automatycznie zamknąć widget jQuery UI Tooltip po 1 sek. używam następujący kod:jQuery UI Widżet podpowiedzi auto close

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

Odpowiedz

19

Spróbuj:

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

Nadzieja to pomaga!

+0

Fajnie! To działa! Dziękuję Ci bardzo! – Aleksov

+0

Istnieje ciekawy problem, który napotkałem, gdy użyłem tego kodu do wyświetlania etykiet narzędzi w oknie dialogowym interfejsu użytkownika jQuery - jeśli pierwszy element formularza w oknie dialogowym ma etykietę narzędzia, powoduje zamrożenie formularza i wyświetlenie etykiety narzędzia w niewłaściwym miejscu - lewy górny róg okna. – DroidOS

+1

Po dalszych badaniach - w wersji waniliowej tooptip, $ (document) .tooltip() działa dobrze. Problem polega na tym, że z podpowiedziami w oknach dialogowych pojawia się pierwszy element formy, pokazujący niezwykle irytującą lepką etykietkę. Wpadłem na ten wątek, próbując naprawić ten problem. Niestety, użycie w pełni skonfigurowanej podpowiedzi opisanej w tej odpowiedzi rodzi inny problem, o którym wspomniałem powyżej - okno dialogowe się zawiesi, przycisk Anuluj/Zamknij nie działa .... W końcu przełączyłem się na qTips - która w każdym przypadku jest dużo bardziej konfigurowalna niż nio tIoltip natywnego jQuery UI. – DroidOS

Powiązane problemy