jquery下拉悬停效果

问题描述：

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

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

Rest of the code

Rememeber在菜单

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

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

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

答

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

#dropdown_container { 
    margin-top: 35px; 
}

希望这个作品！

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

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

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

答

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

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

答

您可以添加到float: left#dropdown_container：

#dropdown_container { 
    float: left; 
}

jsfiddle

jquery下拉悬停效果

相关推荐