Jquery 当鼠标悬停多次触发时,如何防止滑动切换重复?
因此,我得到了一个图像列表,每次鼠标经过li元素时,都会显示一些Lorem Ipsum文本。但是,如果您快速地将鼠标位置从一个列表元素更改为另一个列表元素,则滑动切换会在您悬停该元素时不断地离开和移动 另外:当光标移动到显示的p元素上时,它会继续移动,因为它不会被识别,就像鼠标在li上一样,只有p。我怎样才能避免呢Jquery 当鼠标悬停多次触发时,如何防止滑动切换重复?,jquery,html,css,cursor,slidetoggle,Jquery,Html,Css,Cursor,Slidetoggle,因此,我得到了一个图像列表,每次鼠标经过li元素时,都会显示一些Lorem Ipsum文本。但是,如果您快速地将鼠标位置从一个列表元素更改为另一个列表元素,则滑动切换会在您悬停该元素时不断地离开和移动 另外:当光标移动到显示的p元素上时,它会继续移动,因为它不会被识别,就像鼠标在li上一样,只有p。我怎样才能避免呢 谢谢尝试使用mouseenter而不是mouseover,您可以使用来确保之前的动画立即停止 $('#tabela_trabalhos ul li').mouseenter(fun
谢谢尝试使用
mouseenter
而不是mouseover
,您可以使用来确保之前的动画立即停止
$('#tabela_trabalhos ul li').mouseenter(function () {
$(this).find('p').finish().slideToggle(200);
});
$('#tabela_trabalhos ul li').mouseleave(function () {
$(this).find('p').finish().fadeOut(400);
});