Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Problem z wyświetlaniem Bootstrap Tooltip po kliknięciu
Forum PHP.pl > Forum > Przedszkole
trifek
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.
gitbejbe
a czytał dokumentacje ?

$('.tooltips').tooltip({
selector: "a[rel=tooltip]",
html: true
})
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.