2015-05-15 76 views
1

我有一個鏈接顯示通過懸停它對話,我想知道是否有其中一種方式:鼠標移開並關閉對話框

  • 如果我將鼠標懸停在鏈接和對話節目,但我不要進入對話框,我將鼠標移出對話框將被關閉的鏈接。 (我可以用mouseleave函數做到這一點)

  • 但我也有可能進入對話框(鼠標移出鏈接),將光標移動到對話框,在對話框中查看/點擊某些信息而不關閉它。

我知道這聽起來有點混亂,但希望你們可以指導我。

這裏是我的對話框的照片:

http://i.stack.imgur.com/zEfzI.png

+0

當你的MouseEnter然後鏈接讓'的jQuery( 「#dialog_id」)顯示();',也有相同的代碼,當你進入對話框。和'jQuery(「#dialog_id」)。hide();'離開對話框或鏈接 – Abhi

回答

0

也許你想設置超時使用的setTimeout()?

$("#link").mouseout(function(){ 
 
    setTimeout(function(){ 
 
    $(this).removeClass("active") 
 
    }, 2000); 
 
}); 
 
$("#dialog").mouseover(function(){ 
 
    $(this).addClass("active") 
 
});

+0

謝謝,它通過延遲關閉對話框來解決問題。 –

+0

如果這是正確的答案,請將其標記爲正確答案,謝謝! – Dantevg