Mam problem z podpowiedzią bootstrap: kiedy klikam przycisk, podpowiedź pozostaje, nawet jeśli kursor znajduje się poza przyciskiem. Zajrzałem do podręcznika - podpowiedzi Bootstrapa i jeśli klikam przyciski, widzę ten sam problem. Czy jest jakieś rozwiązanie, aby to naprawić? Właśnie próbowałem w najnowszym FF, IE.
javascript
twitter-bootstrap
tooltip
SilentCry
źródło
źródło
Odpowiedzi:
Dzieje się tak, ponieważ
trigger
nie jest ustawiony. Domyślną wartością wyzwalacza jest'hover focus'
, więc podpowiedź pozostaje widoczna po kliknięciu przycisku, aż do kliknięcia innego przycisku, ponieważ przycisk jestfocused
.Więc wszystko, co musisz zrobić, to zdefiniować
trigger
jako'hover'
jedyny. Poniżej tego samego przykładu, do którego utworzono łącze, bez zachowywania się podpowiedzi po kliknięciu przycisku:przykład dokumentu w skrzypcach -> http://jsfiddle.net/vdzvvg6o/
źródło
Wiem, że mam ponad rok, ale nie mogłem zmusić tego do pracy z żadnym przykładem tutaj. Musiałem użyć następujących:
To również pokazuje podpowiedź ponownie po najechaniu kursorem.
źródło
Cześć, mam małe rozwiązanie tego problemu. Jeśli inne rozwiązania nie działają, po prostu wypróbuj to:
Jest to również rozwiązanie do przeciągania i upuszczania. Mam więc nadzieję, że komuś to pomoże :)
źródło
W moim przypadku problem został odtworzony tylko w przeglądarce Internet Explorer: bez względu na to, który element (wejście, div itp.) Ma podpowiedź - po kliknięciu podpowiedź pozostaje wyświetlana.
znalazłem kilka rozwiązań w sieci, które zalecają .hide () to podpowiedź do elementów Kliknij wydarzenie - ale to zły pomysł - najechanie z powrotem na ten sam element - utrzymuje go w ukryciu ... w moim przypadku
stworzył całą magię !!! - gdzie .myToolTippedElement to element, który ma etykietkę z Kursu ...
źródło
w kątowej 7 z bootstrapem 4 i jquery znalazłem to i działa dobrze. Użyłem dispose, ponieważ niszczy nie ukrywa podpowiedzi.
źródło
Spróbuj użyć
rel="tooltip"
zamiast,data-toggle="tooltip"
które zadziałało w moim przypadku. Używałem,data-toggle="tooltip"
a także ustawiłem warunek wyzwalania jako najechanie kursorem, który nie działał w moim przypadku. Kiedy zmieniłem selektor danych, zadziałało.Kod HTML:
Kod JS // Tooltip $ ('. Btn'). Tooltip ({trigger: 'hover'});
To z pewnością usunie zablokowaną podpowiedź.
źródło
Powyższa odpowiedź Davida pomogła rozwiązać mój problem. Miałem zdarzenie najechania i kliknięcia przycisku. Firefox na MAC zachowywał się tak, jak chciałem. Oznacza to, że pokaż podpowiedź po najechaniu kursorem, nie pokazuj podpowiedzi po kliknięciu. W innych przeglądarkach i systemie operacyjnym, kiedy klikam, pojawia się podpowiedź i pozostaje bez zmian. Nawet jeśli przeniosę mysz do innych przycisków w celu najechania kursorem. Oto, co miałem:
To jest poprawka:
źródło
Możesz również dodać:
źródło
Działające rozwiązanie
źródło
Sposób, w jaki naprawiłem ten problem, polegał na usunięciu podpowiedzi w funkcji zdarzenia kliknięcia przy użyciu następującego kodu:
źródło
Używam podpowiedzi bootstrap w cycle.js i żadne z powyższych nie zadziałało.
Musiałem to zrobić:
źródło
To działa dla mnie:
Dynamicznie wyłączałem przycisk zapisywania, a potem był problem.
źródło
źródło
To rozwiązanie zadziałało dla mnie.
skrzypce
Wypróbowałem większość rozwiązań podanych w poprzednich odpowiedziach, ale żadne z nich nie zadziałało.
źródło
Mój problem dotyczy DataTable. Poniższy kod działa u mnie.
columnDefs: [ { targets: 0, data: "id", render: function (data, type, full, meta) { return '<a href="javascript:;" class="btn btn-xs btn-default" data-toggle="tooltip" title="Pending" data-container="body"><i class="fa fa-check"></i></a>'; } } ], drawCallback: function() { $('[data-toggle="tooltip"]').tooltip(); $('[data-toggle="tooltip"]').on('click', function () { $(this).tooltip('hide'); }); }
źródło
Możesz również użyć poniższej metody, aby ukryć podpowiedź w mouseleave , jak poniżej:
źródło
W moim przypadku na to była poprawka:
Nie przestrzegałem tej zasady z dokumentacji Bootstrap:
źródło
Można to również osiągnąć w kodzie HTML, dodając:
źródło
Możesz również użyć tego sposobu dla starszych wersji, ponieważ zaakceptowana odpowiedź nie zadziałała dla mnie i napisałem ten kod dla siebie i działa dobrze.
źródło
Jeśli ktoś chce ustawić podpowiedź, która będzie się wyświetlać przez jakiś czas po kliknięciu, oto jak to zrobiłem:
źródło
Użycie wymuszonego rozmycia () może zmniejszyć wrażenia użytkownika. Nie zrobiłbym tego. Zauważyłem, że usunięcie „data-original-title”, a także usunięcie atrybutów „data-toggle” i „title” zadziałało.
źródło