jQuery addClass保持類有

Question

所以我有一些jQuery滑下菜單，當我將鼠標懸停在向下滑動的DIV上時，我不得不添加用於懸停的類，我需要懸停效果才能保持活動狀態。

問題是，即使當DIV消失時它仍然停留在那裏 - 我嘗試使用removeClass，但是一旦我滾動到菜單選項DIV時它就會將其刪除。

我的jsfiddle在http://jsfiddle.net/pCTXq/3/

了jQuery低於

$(document).ready(function() { 
    $(".menu_item, .menu_options").hover(function() { 
    $(this).addClass('hover'); 
     $(".menu_options").stop(true, true).slideDown(400); 
    }, function() { 
     $(".menu_options").stop(true, true).delay(10).slideUp(400); 
    }); 

}); 

我看了一下後jquery hover().addClass() problem但是這似乎並沒有多大幫助

預先感謝您的幫助。

編輯。只是還注意到，在的jsfiddle這似乎是增加懸停類menu_options也 - 這是不是這樣的，當我在瀏覽器

Answer 1

利用第二個參數來slideUp。完成後，請刪除課程。事情是這樣的：

$(document).ready(function() { 
    $(".menu_item, .menu_options").hover(function() { 
     $(this).addClass('hover'); 
     $(".menu_options").stop(true, true).slideDown(400); 
    }, function() { 
     $(".menu_options").stop(true, true).delay(10).slideUp(400, function({ 
      $(".menu_item, .menu_options").removeClass('hover') 
     }); 
    }); 
} 

在http://jsfiddle.net/pCTXq/9/

保存在您的提琴所以，基本上，增加懸停類懸停（或實際上是更合適的mouseenter是），而直到你完成滾動千萬不要刪除向上。您可能需要調整這些內容（從外觀上看，只需$(".menu_item")即可），但這是一般想法。

Answer 2

編輯實際測試腳本：

See this fiddle for updated answer

---

您需要刪除班級懸停，如果我理解正確你的問題：

$(document).ready(function() { 
    $(".menu_item, .menu_options").hover(function() { 
    $(this).addClass('hover'); 
     $(".menu_options").stop(true, true).slideDown(400); 
    }, function() { 
     $(this).removeClass('hover'); 
     $(".menu_options").stop(true, true).delay(10).slideUp(400); 
    }); 

});