2009-07-19 6 views
0

データがいっぱいのhtmlページがあります。ユーザーが項目の上を移動するたびに、ポップアップウィンドウが表示されます(ツールチップに似ています)。このツールヒントは、ユーザーがその外をクリックしない限り表示され、他のツールチップが表示されないようにしておきます。
これを達成するために、フラグやその他の方法を使用して、他のホバーイベントを「ロックアウト」するにはどうすればよいですか?JQueryの「バイナリロック」エミュレーション

EDIT:フラグを使用して 質問:私の文書で言う私はこれを持って準備ができて:ページを開いたときにホバーハンドラのみ初期化されますので

var flag = 1; 
flag = Inithoverhandler(flag); 
flag = Inithoverhandler2(flag); 

、フラグがこれまでに更新されません。関数に渡したり渡す変数としてフラグを使用するための適切な構造体は何ですか?

おかげで、
マイケル

答えて

0

あなたはフラグを使用することができ、または使用して、現在表示されているどのように多くのウィンドウをテストすることができ:目に見えるセレクタを。 1の場合は、次のウィンドウを表示しないでください。

<div class="showTooltip"> 
    <div class=".tooltip"><p>This is the tooltip.</p></div> 
</div> 

$(".showTooltip").click(function(){ 
    if ($(".tooltip:visible").length > 0) return false; 
    $(".tooltip", this).show(); 
}); 

一緒に働く:他は現在表示されていない場合にのみツールチップを示すよう

$(".tooltip:visible").length; // how many tooltips are currently showing? 
$(".tooltip:visible").hide(); // hide any visible tooltip. 

関連する問題