我正在尝试使用一些 jQuery 和 HTML。
我有两个包含各种内容的 div
元素容器。这两个元素彼此相邻。 div 不包含彼此。我编写了代码,以便当我将鼠标悬停在一个 div (div#1
) 上时,另一个 div (div#2
) 会向下滑动 (.slideDown
)。
此外,当您鼠标移开 div#2
时,div#2
会向上滑动 (.slideUp
)。
问题是如果div#2
已经滑下来了,如果你再次鼠标悬停在div#1
上,div#2
会向上滑动并再次向下滑动。这非常烦人且不专业。只有当我的鼠标不在 div#1
上时,我才需要它向上滑动。
这是我的目标:我需要找到一个 jQuery 语句,它说,
"仅当鼠标“超出”div#2
且未“超过” div#1
时,滑动div#2
向上。”
这可能吗?
感谢任何帮助。
谢谢。
最佳答案
您需要使用 .stop()
来停止动画,然后再为元素重新设置动画。这将防止队列被重复的动画填满:
$('#stop').hover(function() {
$(this).stop().animate({width: '250px'});
}, function() {
$(this).stop().animate({width: '150px'});
});
关于Jquery if not mouseover 语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12657878/