Etykietka Jquery nie znika po kliknięciu pozycji

Question

Używam jquery-1.9.1.js i UI jquery-ui-1.10.3.custom.min.js. Po najechaniu myszą na dowolny element formularza pokazuje etykietkę i znika po wyjściu myszy. ale chcę zniknąć z tego narzędzia po zdarzeniu kliknięcia tego elementu, ponieważ w moim bieżącym scenariuszu wyświetla ono etykietę dla przycisku i utrzymuje się nawet po kliknięciu przycisku. dlatego na stronie widać wiele podpowiedzi. Muszę je ukryć natychmiast po kliknięciu (poniżej jest zrzut ekranu).

Użyłem poniżej kod, ale nie działa dla mnie

$(document).click(function() { 
     $(this).tooltip("option", "hide", { effect: "explode", duration: 500 }); 
     }); 

Jak rozwiązać ten pls pomocy.

EDIT

Mam panelu aktualizacji przy użyciu. czy to spowoduje problem?

Answer 1

Zgodnie z dokumentacją jQueryUI Twój kod zmienia tylko sposób jej zamykania. To, czego chcesz, to closehttp://api.jqueryui.com/tooltip/#method-close.

Jednak być może trzeba trochę zmienić kod, aby działało. Sądząc po twoim kodzie, używasz delegacji (pozwalając, by coś innego zrobiło wskazówkę dla twojego przedmiotu), zamiast stosować ją bezpośrednio do twojego przedmiotu. Zgodnie z zamknięciem dokumentacji nie działa na delegowanych podpowiedziach.

Będziesz chciał coś podobnego do

$('.editButtons').tooltip().click(function() { 
    $('.editButtons').tooltip("close"); 
}) 

Answer 2

Ugly włamania do zamykania podpowiedź delegowanych (ostatni otwarty)

$('div[id^="ui-tooltip-"]:last').remove(); 

Answer 3

$(document).click(function() { 
    $(this).tooltip("option", "hide", { effect: "explode", duration: 500 }).off("focusin focusout"); 
}); 

Answer 4

Może być zabrudzony hack, ale może po prostu nie ukryj element etykiety sam, wybierając go za pomocą "ui-tooltip", która jest klasą zastosowaną do kontenera podpowiedzi.

$('body').on("click","element_selector",function(event){ 
$('.ui-tooltip').hide(); 
}); 

Powinieneś zamienić "element_selector" na odpowiedni selektor dla swoich elementów.

Answer 5

Wiem, że to stare pytanie, ale wpadłem na ten sam problem i użyłem następującego sposobu, aby go rozwiązać.

Powiedzmy, że użyty w tym celu zainicjowania podpowiedzi:

$('[data-toggle="tooltip"]').tooltip(); 

Poniższa zanika tooltip po kliknięciu. Po zaniknięciu usuwa go z DOM (w przeciwnym razie możesz otrzymać wiele ukrytych podpowiedzi).

$('[data-toggle="tooltip"]').click(function() { 
    $('.tooltip').fadeOut('fast', function() { 
     $('.tooltip').remove(); 
    }); 
}); 

Mam nadzieję, że to komuś pomaga!

Answer 6

Podjęłam nieco inne podejście, używając jq 1.12, ukrywając wszystkie podpowiedzi ui podczas pokazywania nowego.Testuje się Chrome i IE 11 i IE, 11 (emulacja ie8 poprzez HTTP equiv = "X-UA kompatybilne" zawartość = "ie = 8")

$.widget("ui.tooltip", $.ui.tooltip, { 
    options: { 
     content: function() { 
      $(".ui-tooltip").fadeOut(); /* tooltip genocide */ 
      return $(this).prop('title'); 
     }, 
     show: { 
      effect: "fade", 
      delay: 750 
     } 
    } 
}); 

HTH