Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Przedszkole _ [CSS]Problem z wyświetlaniem Bootstrap Tooltip po kliknięciu

Napisany przez: trifek 10.01.2019, 11:56:40

Witam,
Mam kod:

  1. <http://december.com/html/4/element/div.html class="container">
  2.  
  3.  
  4. <http://december.com/html/4/element/div.html class="scalize">
  5.  
  6. <http://december.com/html/4/element/img.html src="img/jacket.png" alt="" class="target">
  7. <http://december.com/html/4/element/div.html class="item-point" data-top="130" data-left="300">
  8. <http://december.com/html/4/element/div.html>
  9. <http://december.com/html/4/element/a.html href="#" class="toggle tooltips" title="<h1><b>Sample text 1</http://december.com/html/4/element/b.html> <http://december.com/html/4/element/br.html/>xyznsak" data-html="true" rel="tooltip"></http://december.com/html/4/element/a.html>
  10. </http://december.com/html/4/element/div.html>
  11. </http://december.com/html/4/element/div.html>
  12. <http://december.com/html/4/element/div.html class="item-point" data-top="180" data-left="462">
  13. <http://december.com/html/4/element/div.html>
  14. <http://december.com/html/4/element/a.html href="#" class="toggle tooltips" title="<h1><b>Sample text 2</http://december.com/html/4/element/b.html> <http://december.com/html/4/element/br.html/>test" data-html="true" rel="tooltip"></http://december.com/html/4/element/a.html>
  15. </http://december.com/html/4/element/div.html>
  16. </http://december.com/html/4/element/div.html>
  17. <http://december.com/html/4/element/div.html class="item-point" data-top="380" data-left="215">
  18. <http://december.com/html/4/element/div.html>
  19. <http://december.com/html/4/element/a.html href="#" class="toggle tooltips" title="<h1><b>Sample text 3</http://december.com/html/4/element/b.html> <http://december.com/html/4/element/br.html/>welcome" data-html="true" rel="tooltip"></http://december.com/html/4/element/a.html>
  20. </http://december.com/html/4/element/div.html>
  21. </http://december.com/html/4/element/div.html>
  22. </http://december.com/html/4/element/div.html>
  23.  
  24. </http://december.com/html/4/element/div.html>
  25.  
  26. <http://december.com/html/4/element/script.html 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. </http://december.com/html/4/element/script.html>
  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.

Napisany przez: gitbejbe 12.01.2019, 21:32:03

a czytał dokumentacje ?

$('.tooltips').tooltip({
selector: "a[rel=tooltip]",
html: true
})

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)