Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Problem z wyświetlaniem Bootstrap Tooltip po kliknięciu
trifek
post 10.01.2019, 11:56:40
Post #1





Grupa: Zarejestrowani
Postów: 254
Pomógł: 0
Dołączył: 28.09.2015

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


Witam,
Mam kod:
  1. <div class="container">
  2.  
  3.  
  4. <div class="scalize">
  5.  
  6. <img src="img/jacket.png" alt="" class="target">
  7. <div class="item-point" data-top="130" data-left="300">
  8. <div>
  9. <a href="#" class="toggle tooltips" title="<h1><b>Sample text 1</b> <br/>xyznsak" data-html="true" rel="tooltip"></a>
  10. </div>
  11. </div>
  12. <div class="item-point" data-top="180" data-left="462">
  13. <div>
  14. <a href="#" class="toggle tooltips" title="<h1><b>Sample text 2</b> <br/>test" data-html="true" rel="tooltip"></a>
  15. </div>
  16. </div>
  17. <div class="item-point" data-top="380" data-left="215">
  18. <div>
  19. <a href="#" class="toggle tooltips" title="<h1><b>Sample text 3</b> <br/>welcome" data-html="true" rel="tooltip"></a>
  20. </div>
  21. </div>
  22. </div>
  23.  
  24. </div>
  25.  
  26. <script type="text/javascript">
  27. $(document).ready(function() {
  28. $('.scalize').scalize({
  29. styleSelector: 'circle',
  30. animationPopoverIn: 'flipInY',
  31. animationPopoverOut: 'flipOutY',
  32. animationSelector: 'pulse2'
  33. });
  34.  
  35.  
  36. $('.tooltips').tooltip({
  37. selector: "a[rel=tooltip]"
  38. })
  39.  
  40. });
  41. </script>
  42.  

Po kliknięciu w punkt na obrazku chciałbym wyświetlić tooltip z tagami html (title). Na przykład:
<h1><b>Sample text 2</b> <br/>test

Niestety po kliknięciu dymek/tooltip się nie wyświetla sad.gif


Podgląd: http://serwer1356363.home.pl/pub/component/index2.html


Wie ktoś może jak to naprawić?

Bardzo proszę o pomoc.
Go to the top of the page
+Quote Post
gitbejbe
post 12.01.2019, 21:32:03
Post #2





Grupa: Zarejestrowani
Postów: 427
Pomógł: 43
Dołączył: 27.08.2012

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


a czytał dokumentacje ?

$('.tooltips').tooltip({
selector: "a[rel=tooltip]",
html: true
})
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: 22.03.2019 - 14:08