javascript - 下拉延迟不起作用

Question

所以我正在处理一个下拉菜单，但我遇到了问题。如果您以某种方式将鼠标悬停在它上面，下拉菜单会不停地上下移动。这是JS：

$("#solar-slide").hover(function() {
    $("ul", this).slideDown(100);
},
function() {
    $("ul", this).slideUp(100);
    }
);

如果您想自己尝试，请访问 mjevange.mysite.syr.edu/SE

谢谢

Answer 1

尝试添加停止（）：

$("#solar-slide").hover(function() {
    $("ul", this).stop(true).slideDown(100);
},
function() {
    $("ul", this).stop(true).slideUp(100);
    }
);

Answer 2

这是因为您在悬停时移动菜单项。top: 1px;从你的CSS 中删除.button:hover应该可以修复它。