Salve a tutti,
finalmente sono riuscito a trovare un tooltip in javascript semplice che potesse andare per alcuni contenuti. Non masticando bene questo linguaggio chiedo qualche consiglio ai più esperti/appassionati.

Ho riscontrato un problema di visualizzazione, o meglio, non si vede per nulla il tooltip, se non un breve accenno (su una sola riga in verticale all'estrema destra) fuori dal content.

Posto il link della pagina di prova per capire meglio cosa intendo ("1788>Austrum gaudorum lastricus >Phasellus viverra" gli altri tooltip non li ho modificati per il momento).

Allego il codice:

codice:
<script type="text/javascript">                
$(document).ready(function() {
               //Tooltips
                   $(".tip_trigger").hover(function(){
                      tip = $(this).find('.tip');
                      tip.show(); //Show tooltip
                   }, function() {
                      tip.hide(); //Hide tooltip          
                   }).mousemove(function(e) {
                      var mousex = e.pageX + 20; //Get X coodrinates
                      var mousey = e.pageY + 20; //Get Y coordinates
                      var tipWidth = tip.width(); //Find width of tooltip
                      var tipHeight = tip.height(); //Find height of tooltip
        
                      //Distance of element from the right edge of viewport
                      var tipVisX = $(window).width() - (mousex + tipWidth);
                      //Distance of element from the bottom of viewport
                      var tipVisY = $(window).height() - (mousey + tipHeight);
          
                      if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
                        mousex = e.pageX - tipWidth - 20;
                    } if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
                         mousey = e.pageY - tipHeight - 20;
                      } 
                          tip.css({  top: mousey, left: mousex });
                       });
                    });
            </script>
Forse devo inserire qualche riferimento allo z-index per farlo comparire sopra il content oppure è un problema di compatibilità con i contenuti dinamici che ho inserito?