用jquery和div封装悬停

Question

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

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

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

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

奇怪的是，这在jsfiddle上运行正常（在chrome和firefox上）...... 更糟糕的是：悬停闪烁效果仅在我的Google Chrome项目中可见。

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');
});