jquery qtip2 - plusieurs qtips pour la même cible ?

Question

J'utilise jquery qtip2 pour créer une info-bulle au survol de la souris, voici le code :

$(document).ready(function() {
  $("#optionalProdsImgPreview_1").qtip({
      content: "<img src='http://mysite.com/myimg.jpg' width='100' height='150' />",
        show: {
          solo: true
        },
        hide: {
          delay: 400,
          fixed: true,
          event: "mouseout"
        },
        style: {
          tip: {
            corner: "rightMiddle"
          },
          classes: "ui-widget-content"
        },
        position: {
          adjust: {
            x: -18,
            y: 0
          },
          at: "left center",
          my: "right center"
        }
    });
  });

Cela permet d'ouvrir une image de prévisualisation lorsque la souris passe sur un lien tel que celui-ci :

<a href="#" id="optionalProdsImgPreview_1">My great product here</a>

Maintenant, je veux ouvrir un qtip différent lorsque quelqu'un clique sur ce lien. L'info-bulle au survol de la souris doit également se fermer. Je ne sais pas si je peux le faire avec jquery .click ou si je dois le faire avec une autre méthode ou si qtip a un moyen d'accomplir cela ?

Remerciements

Answer 1

Ne jamais oublier. J'ai trouvé la solution moi-même.

http://craigsworks.com/projects/qtip2/tutorials/advanced/#multi

Voici mon code complet :

$(document).ready(function() {
  $("#optionalProdsImgPreview_1").qtip({
      content: "<img src='http://mysite.com/myimg.jpg' width='100' height='150' />",
        show: {
          solo: true
        },
        hide: {
          delay: 400,
          fixed: true,
          event: "mouseout"
        },
        style: {
          tip: {
            corner: "rightMiddle"
          },
          classes: "ui-widget-content"
        },
        position: {
          adjust: {
            x: -18,
            y: 0
          },
          at: "left center",
          my: "right center"
        }
    })
    .removeData('qtip')
    .qtip( $.extend({}, shared, {
       content: "My New Content is HERE!"
    }));
  });

Answer 2

La solution a peut-être changé avec la dernière version de qTip2. Pour que plusieurs qTips fonctionnent sur la même cible, j'ai dû ajouter l'option overwrite:false au deuxième qtip.

http://qtip2.com/options#core.overwrite