2011-07-25 2 views
1

私はqtipバージョン1.0.0-rc3を使用しており、次の問題を解決しなければなりません: qtipをホバーに表示する必要があるdiv要素があります。 div要素の中にアンカータグがあります。ユーザーがリンクをクリックすると、マウスがdivから移動したときでもqtipが保持されます。 qtipは、リンク上でのクリックやページ上の他のリンク[ページ上に複数のそのようなdivがあります]をクリックした場合にのみ非表示にする必要があります。ホバーに表示される永続的なqtipは、要素をクリックすることによってのみ消えます。

名前私は 非表示に使用してみました

: HTMLは以下の構造を有する「非フォーカス」を、これは目的を果たしていません。 基本的に、私はqtipがどのように隠されているかを制御する方法が必要です。

答えて

2

qTip v1でこれを行うときは、いくつかのことを行う必要があります。具体的には、DIVであるためshowイベントを 'mouseenter'に設定し、hide.fixedプロパティを 'true'に設定し、次にhide.when.eventプロパティを 'unfocus'に設定します。たとえば:

http://jsfiddle.net/kiddailey/8tuLd/

PS:

$('#myDiv').qtip({ 
    show: 'mouseenter', 
    hide: { 
     fixed: true, 
     when: { 
      event: 'unfocus' 
     } 
    } 
}); 

はここjsFiddle上の作業例です。 qTipがホバー上に表示され、「ユーザーがリンクを再度クリックしたときに」表示されることを示しています。私はこれで少し混乱していましたので、私の例があなたのニーズを十分に満たしていないかどうかを明確にしてください。

+1

ありがとうございます!これはバージョン2でも動作します。 – Nikola

関連する問題