2011-04-11 42 views
1

請參閱的jsfiddle的問題心中有數 - http://jsfiddle.net/PeYYZ/jQuery的李的錨懸停問題​​[的jsfiddle裏面]

上述那種我想要做什麼。當我將鼠標懸停在li.parent上時,ul.child菜單淡入,這很好。我希望子菜單保持打開狀態,除非用戶選擇另一個li.parent。我試圖與mouseleave混淆,但我不認爲這就是我所追求的。

我需要的邏輯是:

  1. ,如果用戶將鼠標懸停在li與 類parent,表明它是 ul.child

  2. 然後,如果用戶將鼠標移動到其他事物 某處不是 a li.parentul.child應該保持打開狀態。

  3. 如果用戶移動到另一個li.parent,那麼應該打開那個li.parent ul.child,並且之前打開的一個應該 消失。

在此先感謝

回答

2

這是我的解決方案:http://jsfiddle.net/MFZ8Q/

的關鍵是選擇只有那些li.parent的直接後裔的聯繫,那麼只需確保它們是可見的。

希望這是你想要的:)

+0

很好的解決方案也是如此,不知道哪一個是更快......順便說一句,你不應該使用'懸停()'如果沒有'mouseout'處理。 – Capsule 2011-04-11 14:48:29

+0

好點膠囊,我現在更新我的使用.mouseenter()http://jsfiddle.net/MFZ8Q/1/。謝謝。 – 2011-04-11 15:31:03