这个太坑了特此写一篇博客记录
$(".product_guid").mouseover(function(){
$(".first_guid").show();
})
$(".product_guid").mouseover(function(){
$(".first_guid").hide();
})
原本代码这么写,因为first_guid是product_guid的子元素,所以按理来说鼠标移动到first_guide也不算移出product_guid
但是!只要鼠标移出那个小li,还没等到鼠标移动到first_guid上下拉菜单first_guid就会消失!
用了N种方法之后终于找到了解决办法
$(".product_guid").mouseover(function(){
$(".first_guid").show();
})
$(".first_guid").mouseleave(function(){
$(".first_guid").hide();
})
让子菜单在移出子菜单的时候消失。。好坑