jquery ui tooltip manual open/close

Question

Czy istnieje sposób, aby ręcznie otworzyć zamknięcie jquery ui tooltip? Po prostu chcę, aby reagowała na zdarzenie typu "kliknięcie" włączające/wyłączające. Możesz odłączyć wszystkie zdarzenia myszy i ponownie je powiązać podczas wywoływania .tooltip ("otwórz"), nawet jeśli nie powinno się inicjować ani ustawiać zdarzeń imo, ponieważ jeśli spróbujesz uruchomić .tooltip ("otwórz") bez inicjowania, to narzeka głośno o braku inicjalizacji.

Answer 1

jltwoo, czy mogę zaproponować użycie dwóch różnych przełączników binarnych, aby umożliwić automatyczne otwieranie i automatyczne zamykanie? Z tego zmienić swój kod będzie wyglądać następująco:

(function($) { 
    $.widget("custom.tooltipX", $.ui.tooltip, { 
    options: { 
     autoShow: true, 
     autoHide: true 
    }, 

    _create: function() { 
     this._super(); 
     if(!this.options.autoShow){ 
     this._off(this.element, "mouseover focusin"); 
     } 
    }, 

    _open: function(event, target, content) { 
     this._superApply(arguments); 

     if(!this.options.autoHide){ 
     this._off(target, "mouseleave focusout"); 
     } 
    } 
    }); 

}(jQuery)); 

W ten sposób inicjowania podpowiedź jak:

$(someDOM).tooltipX({ autoHide:false }); 

pokazuje sama, gdy wskaźnik myszy znajduje się nad elementem, ale trzeba ręcznie blisko to.

Jeśli chcesz ręcznie sterować zarówno otwieranie i zamykanie działania, można po prostu użyć:

$(someDOM).tooltipX({ autoShow:false, autoHide:false }); 

Answer 2

Etykietka narzędzi ma opcję wyłączenia. Dobrze użyłem go i oto kod:

$('a').tooltip({ 
    disabled: true  
}).click(function(){  
    if($(this).tooltip('option', 'disabled')) 
     $(this).tooltip('option', {disabled: false}).tooltip('open'); 
    else 
     $(this).tooltip('option', {disabled: true}).tooltip('close'); 
}).hover(function(){ 
    $(this).tooltip('option', {disabled: true}).tooltip('close'); 
}, function(){ 
    $(this).tooltip('option', {disabled: true}).tooltip('close'); 
}); 

Answer 3

związane z moją innych uwag, zajrzałem do oryginalnego kodu i osiągnąć instrukcja otwierania/zamykania poprzez rozszerzenie widget i dodanie opcji AutoHide wersji jQuery UI v1 .10.3. Zasadniczo po prostu usunięto programy nasłuchujące myszy, które zostały dodane w _create i wewnętrznym _ otwierającym się wywołaniu.

Edit: separacji AutoHide i Autoshow jako dwa oddzielne flagi jak sugeruje @MscG

Demo tutaj: http://jsfiddle.net/BfSz3/

(function($) { 
    $.widget("custom.tooltipX", $.ui.tooltip, { 
    options: { 
     autoHide:true, 
     autoShow: true 
    }, 

    _create: function() { 
     this._super(); 
     if(!this.options.autoShow){ 
     this._off(this.element, "mouseover focusin"); 
     } 
    }, 

    _open: function(event, target, content) { 
     this._superApply(arguments); 

     if(!this.options.autoHide){ 
     this._off(target, "mouseleave focusout"); 
     } 
    } 
    }); 

}(jQuery)); 

Teraz, kiedy zainicjować można ustawić podpowiedź, aby ręcznie pokaż lub ukryj, ustawiając autoHide: false:

$(someDOM).tooltipX({ autoHide:false }); 

I właśnie bezpośrednio wykonywać standardowe otwierania/zamykania połączeń w kodzie jako potrzebne gdzie indziej

$(someDOM).tooltipX("open"); // displays tooltip 
$(someDOM).tooltipX("close"); // closes tooltip 

prosty poprawkę, dopóki nie mają czasu, aby zrobić oficjalny wniosek ściągania, będzie to musiał zrobić.

Answer 4

Jeśli chcesz po prostu rozpiąć zdarzenia i nie chciałby, aby swój własny podpowiedź.

$("#some-id").tooltip(tooltip_settings) 
      .on('mouseout focusout', function(event) { 
        event.stopImmediatePropagation(); 
      }); 

$("#some-id").attr("title", "Message"); 
$("#some-id").tooltip("open"); 

mouseout blokuje tooltop znikają przesuwając kursor myszy

focusOut blokuje tooltop znikają przez nawigacji klawiatury