jquery.qtip2のツールチップがマウスの先端に隠れてしまうのを防ぐにはどうすればよいですか？

Question

ツールチップにはjquery qTip2を使用してください。

私はリンクが入ったツールチップを持っています。ユーザーのマウスが先端（トリガーではない）に入ると、先端を開いたままにしておきたい。 documentationでこれを行う方法を理解できないようです....

Answer 1

チップの上にマウスを置いても表示されたままにしたいが、マウス出力では消したい場合は、遅延オプションとしてdescribed in the documentation here：

$('.selector').qtip({ 
    content: { 
      text: 'I hide on mouseout, but you can mouse into me within 500ms', 
    }, 
    hide: { 
      fixed: true, 
      delay: 500 
    } 
}); 

hideパラメータには多くのオプションがあります。たとえば、あなただけの無期限それを隠すしないようにしたい場合は、falseに単に設定を隠す：

$('.selector').qtip({ 
    content: { 
     text: 'I never hide', 
    }, 
    hide: false 
}); 

あなたはそのような先端外側の任意の場所をクリックすると、別のイベントで非表示にする場合は、明示的にイベントを設定します。あなたは、トリガーがクリックされたときに、それは非表示にしたい場合は、クリックイベントを指定

$('.selector').qtip({ 
    content: { 
      text: 'I hide when you click anywhere else on the document', 
    }, 
    hide: { 
      event: 'unfocus' 
    } 
}); 

：

$('.selector').qtip({ 
    content: { 
      text: 'I hide when you click the tooltip trigger', 
    }, 
    hide: { 
      event: 'click' 
    } 
}); 

は、より多くの情報のために特別にthe "hide" options documentationを参照してください。あなたはユーザー対象外のクリックや、ターゲット離れたときに先端が開いたままにし、それを非表示にする場合

Answer 2

は..

show: { 
    event: 'mouseover' 
}, 

hide: { 
    event: 'click mouseleave' 
}