Pourquoi la tooltip qTip ne reste-t-elle pas ouverte pour que je puisse cliquer sur le lien?

Question

Voici mon exemple sur jsfiddle, survolez Minnesota pour voir le popup qtip. J'utilise le plugin jquery qTip et j'ai du mal à faire en sorte que le qtip reste assez longtemps pour que quelqu'un puisse cliquer sur le lien dans le tooltip. J'ai essayé toutes sortes de scénarios pour le maintenir ouvert. En lisant la documentation, cela semble facile à faire mais j'ai essayé ceci et pas de chance. J'ai essayé ceci

hide: { when: 'mouseout', fixed: true }

et

hide: { fixed: true, delay: 1000 }

et beaucoup d'autres et rien ne garde le tooltip ouvert pour que l'utilisateur puisse cliquer sur un lien. Ce qui est irritant, c'est que sur la page de référence. Si vous cliquez sur l'un des liens d'exemple, ils font exactement ce que je veux faire et je suis allé voir le code source et il semble qu'ils utilisent

 hide: 'unfocus',

et

 hide: {
        fixed: true,
        delay: 240
     },

mais j'ai essayé les deux et le tooltip ne reste pas ouvert. Est-ce que je manque quelque chose?

Answer 1

Étant donné que l'apparence de votre info-bulle semble décalée vers la droite, essayez ceci :

  $(this).qtip(
  {
      hide:{ //déplacé hide ici,
        delay:500, //donne un petit délai pour permettre à l'utilisateur de passer la souris dessus.
        fixed:true
      },
     content: $("." + test).html(),
     style: {
        name: 'dark',
         style: {
            border: 1,
            cursor: 'pointer',
            padding: '5px 8px',
            name: 'blue'
         },
        border: {}, 
        tip: true // Appliquer un pointe à l'angle par défaut de l'info-bulle
     }
  });

Mise à jour fiddle.

Answer 2

Vous avez 2 styles dans votre code et c'est un peu déformé. Voici votre code, fonctionnant.

http://jsfiddle.net/JDVTM/