jQuery - 如果光標未輸入任何兄弟節點，只調用鼠標懸停功能

Question

我正在嘗試創建類似於此網站導航的效果：http://rogwai.com/。在這個jsFiddle中，我相當接近你。

如果你一次把鼠標懸停在一個裏面（即從底部），它工作正常。但是，如果您在每個列表項目中水平滑動，則「追隨者」會在每個項目懸停後返回活動位置或結束的幻燈片。相反，它應該遵循鼠標。

查看在鼠標懸停時執行的代碼是完全可以理解的。我無法理解的是如何讓鼠標完全離開菜單時才返回到活動位置或滑出結束位置。

希望這是有道理的 - 你應該直接從jsFiddle看到問題。

在此先感謝。

Answer 1

您可以做的是將mouseenter零件添加到li中，但將零件放在整個ul上。這樣，只有當您將鼠標移出整個ul時，休假纔會啓動。

http://jsfiddle.net/YZr5b/6/

$('nav.block-system-main-menu ul li:not(.follower)').mouseenter(function() { 
    followerMove($(this)); 
}); 

$('nav.block-system-main-menu ul').mouseleave(function(){ 
    followerMove($active); 
}); 

注意，如果你真的使用jQuery 1.2.6（很舊的），你將需要修改此位爲mouseenter和mouseleave不存在。