2009-07-19 49 views
0

我有一个充满数据的html页面。每当用户悬停在一个条目上,就会出现一个弹出窗口(类似于工具提示)。我希望这个工具提示可以保持在视图中,只要用户不会在其外面点击,并且锁定其他工具提示而不被显示。
我的问题是:我如何“锁定”其他悬停事件,无论是通过使用标志或其他方法来实现这一目标?JQuery'二进制锁'模拟

编辑: 问题与使用标志:说我的文档中准备好我有这样的:

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

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

感谢,
迈克尔

回答

0

你可以使用一个标志,或者你可以考多少窗户是用目前可见:可见选择。如果它是1,不要显示你的下一个窗口。

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

至于只显示工具提示在没有其他当前可见:

<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(); 
}); 

与合作