悬停与 jquery 和 div 封装

Question

我在一个 div 中有一个 div，带有一个填充。

像这样：http://jsfiddle.net/qevoxh5f/3/

这很奇怪，因为这个 jsfiddle 是我项目的极简副本，我有不同的结果......

在我的项目中，当我的鼠标在日历 div 上时，悬停正在工作，但是当我决定移动到 clndr div（在日历 div 内）时，jQuery 决定删除类，并立即重置它，这给出了一个小的闪烁效果...

奇怪的是，这在 jsfiddle 上正常工作（在 chrome 和 firefox 上）...... 更糟糕的是：悬停闪烁效果仅在我的谷歌浏览器项目中可见。

http://media.giphy.com/media/26BkMl08chKm9kq5O/giphy.gif gif 我的问题

有什么想法吗？

$('#calendar').mouseover(function () {
  $(this).addClass('hover-month')
}).mouseout(function () {
  $(this).removeClass('hover-month')
});

$('.week').mouseover(function (e) {
  e.stopPropagation()
  $(this).addClass('hover-week')
}).mouseout(function () {
  $(this).removeClass('hover-week')
});

Answer 1

$('#calendar').hover(function () { 
  $(this).toggleClass('hover-month') ;
}); 

$('.week').hover(function () { 
  $(this).toggleClass('hover-week'); 
  $('#calendar').toggleClass('hover-month');
});