jQuery懸停在父級但不是子級

有沒有辦法使用jQuery與DOM進行交互，當用戶將鼠標懸停在某個div上時，會出現一個菜單，但是當它們懸停在該父級內的特定子元素上時，什麼都不會發生？jQuery懸停在父級但不是子級

代碼到目前爲止

$('#player_area:not(< #player_links)').live("mouseenter", function() { 
    return $('#album_tracks').slideDown(200); 
}).live("mouseleave", function() { 
    return $('#album_tracks').hide(); 
});

來源

2011-11-01 dennismonsewicz

請創建http://jsfiddle.net/演示什麼。 'mouseenter'和'mouseleave'應該像你想要的那樣工作。 –

這裏是jsfiddle：http://jsfiddle.net/q4beS/2/ – dennismonsewicz

Mmh，當我刪除'<'似乎工作（'<'不是一個有效的選擇器）。這是你想要的嗎？ http://jsfiddle.net/q4beS/4/ –

這裏是你需要的東西：http://api.jquery.com/mouseover/

mouseenter和mouseleave方法。

檢查的例子演示;）

來源

2011-11-01 17:53:55

的問題是，它是否是因爲你不希望與對孩子的mouseenter事件重複動作做。也就是說，事件已經由父級觸發，並且您不希望在沒有先離開父級的情況下再次執行該事件，也不希望孩子不觸發mouseenter（如果它已經位於父級之外）。

看來你的代碼應該工作，如果你只是刪除：不選擇。

編輯...對不起...誤解下面撥弄應該稱呼你需要做的

http://jsfiddle.net/q4beS/6/

來源

2011-11-01 17:56:48

回答你的問題;是的，我只希望直接在父項上執行操作，如果鼠標「進入」或「懸停」在父項內的子項上，則不會發生任何事情或者如果album_tracks div可見，則隱藏div – dennismonsewicz

我已結束簡化了幾乎所有的代碼。我能夠利用另一個適用於父級懸停事件的div類。我只是簡單地將孩子從父母中分離出來，並重新定位了所有內容，並且這一切都很好用:) – dennismonsewicz

jQuery懸停在父級但不是子級

回答

相關問題