qTip mouseover comme les contacts de gMail

Question

Je suis assez nouveau à qTip et jusqu'ici les choses semblent impressionnantes pour la mise en œuvre.

J'essaye de configurer mes contacts pour avoir un mouseover comme gmail a quand vous passez la souris sur un contact montre leur image et actions spécifiques.

J'ai actuellement le chargement de code dynamiquement avec la cible de position définie à la souris, et avoir le hide mis à fixed: true.

Mais quand je bouge la souris, l'info-bulle se déplace aussi, et j'en ai besoin pour rester immobile afin de pouvoir cliquer sur les actions dans l'infobulle.

C'est ce que j'ai jusqu'à présent.

$(document).ready(function(){ 

    // Use the each() method to gain access to each of the elements attributes 
    $('.contact').each(function() 
    { 
     $(this).qtip(
     { 

     content: { 
      method: 'GET', 
      url: 'testData.php', 
      data: { 
      id: 1 
      } 
     }, 
     position: { target: 'mouse', 
       adjust: { screen: true, scroll: true } }, 
     show: { 
     delay: 700, 
     solo: true 
     }, 
     hide: { 
      fixed: true, // Make it fixed so it can be hovered over 
     when: 'mouseout' 
     }, 
     style: { 
      padding: '5px 15px', // Give it some extra padding 
      name: 'light' // And style it with the preset dark theme 
     } 

     }); 
    }); 

}); 

Toute aide serait appréciée !!

Answer 1

Je l'ai trouvé, tout ce que je devais ajouter était le suivant:

position: { 
    target: 'mouse', 
    adjust: { screen: true, scroll: true, mouse: false } 
},