麻烦jQuery工具提示

我正在使用此处的jQuery Tools Tooltip插件。 这是它的预期行为：有3个元素，在这种情况下是div ，当点击时，弹出工具提示。 此工具提示是页面上另一个通过CSS隐藏的div。 当它弹出时，我需要它保持可见，直到用户点击工具提示中的一个div （或者如果不可能在工具提示本身内），或者他们点击其他一个初始3 div 。

问题：这样做时我会遇到一些意想不到的行为。 例如，您单击的第一个div （无论哪一个），它按预期工作：工具提示会弹出并保持不变，除非您单击其中的一个或其他div 。 但是，当再次为另一个div执行此操作时，一旦鼠标离开div区域，它就会消失。 您仍然可以点击您点击的第一个没有问题…

我不确定这里有什么问题。 = /

测试代码如下

         .box2 { display: inline-block; margin: 5px; padding: 3px; width: 64px; height: 64px; line-height: 64px; background-color: green; text-align: center; } #tooltip { display: none; width: 300px; height: 150px; overflow: auto; background-color: pink; }    
Tool Tip Demo
  $(document).ready(function () { $('.tooltip').tooltip({ events: { def: "click, mouseout", tooltip: "mouseenter, click" }, tip: '#tooltip'}).dynamic({ bottom: { direction: 'down'} }); });  
 
 Div 
 
 Div 
 
 Div 
 
 
 
 Div 
 
 Div 
 
 Div 
 
 Div 
 
 Div 
 
 Div 
 
 Div 
 
 Div 
 
 Div