Mam kod:
<div class="container"> <div class="scalize"> <img src="img/jacket.png" alt="" class="target"> <div class="item-point" data-top="130" data-left="300"> <div> </div> </div> <div class="item-point" data-top="180" data-left="462"> <div> </div> </div> <div class="item-point" data-top="380" data-left="215"> <div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $('.scalize').scalize({ styleSelector: 'circle', animationPopoverIn: 'flipInY', animationPopoverOut: 'flipOutY', animationSelector: 'pulse2' }); $('.tooltips').tooltip({ selector: "a[rel=tooltip]" }) }); </script>
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

Podgląd: http://serwer1356363.home.pl/pub/component/index2.html
Wie ktoś może jak to naprawić?
Bardzo proszę o pomoc.