0

データでいっぱいの html ページがあります。ユーザーがエントリにカーソルを合わせるたびに、ポップアップ ウィンドウが表示されます (ツールチップに似ています)。ユーザーがその外側をクリックしない限り、このツールチップを表示したままにし、他のツールチップが表示されないようにロックアウトします。
私の質問はこれです:これを達成するために、フラグまたは他の方法を使用して、他のホバーイベントを「ロックアウト」するにはどうすればよいですか?

編集: フラグを使用した質問: ドキュメントの準備ができていると言ってください: 

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

ホバー ハンドラーはページが開かれたときにのみ初期化されるため、フラグは更新されません。関数に出入りする変数としてフラグを使用するための適切な構造は何ですか?

ありがとう、
マイケル

4

1 に答える 1

0

フラグを使用するか、:visible セレクターを使用して現在表示されているウィンドウの数をテストできます。1 の場合、次のウィンドウを表示しません。

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

現在他にツールチップが表示されていない場合にのみツールチップを表示する場合:

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

一緒に働く：

<div class="showTooltip">
  <div class=".tooltip"><p>This is the tooltip.</p></div>
</div>
于 2009-07-19T22:41:18.850 に答える