Forum PHP.pl > bootstrap 4 tooltip dynamiczny element

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: bootstrap 4 tooltip dynamiczny element

Forum PHP.pl > Forum > Po stronie przeglądarki

john_doe

12.06.2018, 12:06:51

dodaję dynamicznie element do DOM - nie działa na nim tooltip
przygotowałem FIDDLE_KLIK

trueblue

12.06.2018, 12:12:57

[HTML] pobierz, plaintext 
$("body").tooltip({
    selector: '[data-toggle="tooltip"]'
});
[HTML] pobierz, plaintext

Dokumentacja: https://getbootstrap.com/docs/4.1/components/tooltips/ (opcja selector).

john_doe

12.06.2018, 12:16:34

dzieki działa. Jednak w dokumentacji jest

[HTML] pobierz, plaintext 
$('[data-toggle="tooltip"]').tooltip()
[HTML] pobierz, plaintext

i to mi nie "smaruje"

trueblue

12.06.2018, 12:35:33

Przykład, który podałeś dotyczy właśnie dodania tooltip'ów do istniejących elementów.

Opcja selector mówi:

Cytat

If a selector is provided, tooltip objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have popovers added.

Czyli wywołujesz funkcję na elemencie nadrzędnym (nie musi to być <body>, ale najwyższy kontener przechowujący tooltipy, które chcesz obsłużyć), a w opcji podajesz selektor dla elementów z tymi tooltipami.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.