Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> bootstrap 4 tooltip dynamiczny element
john_doe
post 12.06.2018, 12:06:51
Post #1





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----


dodaję dynamicznie element do DOM - nie działa na nim tooltip
przygotowałem FIDDLE_KLIK
Go to the top of the page
+Quote Post
trueblue
post 12.06.2018, 12:12:57
Post #2





Grupa: Zarejestrowani
Postów: 6 761
Pomógł: 1822
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


  1. $("body").tooltip({
  2. selector: '[data-toggle="tooltip"]'
  3. });


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


--------------------
Go to the top of the page
+Quote Post
john_doe
post 12.06.2018, 12:16:34
Post #3





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----


dzieki działa. Jednak w dokumentacji jest
  1. $('[data-toggle="tooltip"]').tooltip()


i to mi nie "smaruje"
Go to the top of the page
+Quote Post
trueblue
post 12.06.2018, 12:35:33
Post #4





Grupa: Zarejestrowani
Postów: 6 761
Pomógł: 1822
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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.



--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 08:27