Jquery Mouseleaveとe.targetまたはe.relatedTarget

Question

li.foodからnews-wrapに移動すると、mouseleaveが発生します。

これは動作しません：

$('#news-wrap').hide(); 
$('li.food').on('mouseenter', function() { 
    $('#news-wrap').show(); 
}); 
$('li.food').on('mouseleave', function(e) { 
    if (!$(e.target).is('#news-wrap')) { 
     $('#news-wrap').hide(); 
    } 
}); 

もこれを行います：

$('#news-wrap').hide(); 
$('li.food').on('mouseenter', function() { 
    $('#news-wrap').show(); 
}); 
$('li.food').on('mouseleave', function(e) { 
    if(e.relatedTarget.id != 'news-wrap') $('#news-wrap').hide();  
}); 

Answer 1

私はCSSの代わりにjQueryを使用していました。

li.food:hover { 
#news-wrap { 
    display : block 
} 
} 

これを参照してください。jsfiddle exampleを比較してください。