与jQuery下拉菜单不能在鼠标悬停工作

我想做一个简单的下拉菜单来显示鼠标悬停时，此脚本显示另一个div与链接。与jQuery下拉菜单不能在鼠标悬停工作

这一切工作正常，但当我尝试选择一个链接其他div隐藏。

jQuery(document).ready(function() { 
    jQuery("#menu_link").mouseover(function() { 

     jQuery(".1").show(); 

    }); 

    jQuery("#menu_link").mouseout(function() { 

     jQuery(".1").hide(); 

    }); 

});

http://jsfiddle.net/sx8o1tbh/1/

如果你去，把光标放在单词“INICIO”你看到它显示的其他分区的链接，但是当我尝试去这个新的div它隐藏，我认为有些事情是错误的jQuery代码。

感谢您的帮助。

来源

2014-10-05 Francisco

有什么问题你的CSS，而不是你的JavaScript ，在#menu_link元素上放置一个背景颜色，并查看该元素的高度，这会将您发送到正确的方向。 – leopic 2014-10-05 20:28:08

我把，你可以看到 – Francisco 2014-10-05 20:29:29

https://cloudup.com/ce9U_IpQJAm看 – leopic 2014-10-05 20:31:09

问题不在JavaScript代码中。我只是改变了你的CSS和避免菜单和子菜单之间的差距：

#show_links 
{ 
top:35px; 
position:absolute; 
min-width:10%; 
width:auto; 
min-height:100px; 
height:auto; 
border:2px solid; 
}

http://jsfiddle.net/sx8o1tbh/7/

来源

2014-10-05 20:30:13 MaximOrlovsky

$(document).ready(function() { 


    $("#menu_link").mouseenter (function() { 

     $(".1").show(); 

    }); 

    $("#show_links").mouseleave (function() { 

     $(".1").hide(); 

    }); 

    $("#menu_link").mouseleave (function() { 

     $(".1").hide(); 

    }); 

});

或这是可以做到的jQuery的

来源

2014-10-05 20:34:25

与jQuery下拉菜单不能在鼠标悬停工作

回答

相关问题