我是 jQuery 的新手,我正在尝试制作一个下拉菜单列表。我有以下脚本:
<script>
$(document).ready(function() {
$('.menu>li').hover(function(){
$('.menu>li>ul').slideDown("slow");
});
});
</script>
确实是在页面加载后第一次滑下下拉列表,之后一直出现,直到页面刷新才滑下。我如何让它在每次悬停时继续下滑?我试过了,但也没用:
<script>
$(document).ready(function() {
$('.menu>li').hover(function(){
$('.menu>li>ul').stop(true,true).slideDown("slow");
});
});
</script>
这是我正在做的网站,你可以将鼠标悬停在“练习区”上查看。它在 IP 72.41.8.193 上
谢谢。
最佳答案
您告诉 jquery 将元素向下滑动,但从未告诉它再次向上滑动。
hover
函数会接受鼠标进入和鼠标离开参数,试试吧。
$(document).ready(function() {
$('.menu>li').hover(function(){
$('.menu>li>ul').stop(true,true).slideDown("slow");
}, // <-- this comma is important.
//the anonymous function after this will run on mouse out
function(){
$('.menu>li>ul').stop(true,true).slideUp("slow");
});
});
关于jquery - 在每次悬停时运行 jQuery slideDown,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22262187/