2013-04-27 272 views
1

我有问题,我的jquery下拉悬停效果。出于某种原因,下拉式容器向上移动。任何帮助将非常感激。jquery下拉悬停效果

$(document).ready(function() { 
    $("#submit").mouseenter(function(){ 
     $("#dropdown_container").slideDown(); 
    }); 
    $("#dropdown_container").mouseleave(function(){ 
     $("#dropdown_container").slideUp(); 
    }); 
}); 

Rest of the code

Rememeber在菜单

+0

不,它不是,它下移。 – SoonDead 2013-04-27 22:01:02

+0

你的html代码有未封闭的标签。对我来说,它的工作..当你有问题吗? – CodeArtist 2013-04-27 22:02:00

+0

你到底想做什么? – Christian 2013-04-27 22:02:29

回答

3

尝试设置margin-top为您#dropdown_container例如:

#dropdown_container { 
    margin-top: 35px; 
} 

希望这个作品!

+0

@谢谢你做了这个诀窍 – Dynamiite 2013-04-27 22:15:33

+0

你有没有关于如何提高jquery悬停效果的任何建议,它对于有时候在mouseleave上的响应不错有时 – Dynamiite 2013-04-27 22:19:19

+2

其实这是因为你正在检测'mouseleave'只有'#dropdown_container',你也应该在'#submit'上使用它。例如:'$(“#submit”)。mouseleave(function(){ \t \t $(“#dropdown_container”)。slideUp(); \t});'' – LRA 2013-04-27 22:23:33

0

尝试动画的容器填充,底部向下生长的大小,像这样选择jQuery框架,并告诉我,如果你的作品:

$("#submit").on("mouseenter",function(){ 
     $("#dropdown_container").animate({"padding-bottom":"200px"}, fast); 
    }); 
0

您可以添加到float: left#dropdown_container

#dropdown_container { 
    float: left; 
} 

jsfiddle