JQuery“二进制锁” 仿真

Question

我有一个充满数据的 html 页面。 每当用户将鼠标悬停在条目上时，就会出现一个弹出窗口（类似于工具提示）。 我希望只要用户不在其外部单击，此工具提示就会保留在视图中，并锁定其他工具提示的显示。
我的问题是：如何通过使用标志或其他方法“锁定”其他悬停事件来实现此目的？

编辑： 使用标志的问题：在我的文档中说我准备好了：

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

由于悬停处理程序仅在页面打开时初始化，因此标志永远不会更新。 使用标志作为传入和传出函数的变量的正确结构是什么？

谢谢，
迈克尔

Answer 1

您可以使用标志，或者可以使用 :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>