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 回答