2009-07-19 47 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(); 
}); 

與合作