Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 当鼠标悬停多次触发时,如何防止滑动切换重复?_Jquery_Html_Css_Cursor_Slidetoggle - Fatal编程技术网

Jquery 当鼠标悬停多次触发时,如何防止滑动切换重复?

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

因此,我得到了一个图像列表,每次鼠标经过li元素时,都会显示一些Lorem Ipsum文本。但是,如果您快速地将鼠标位置从一个列表元素更改为另一个列表元素,则滑动切换会在您悬停该元素时不断地离开和移动

另外:当光标移动到显示的p元素上时,它会继续移动,因为它不会被识别,就像鼠标在li上一样,只有p。我怎样才能避免呢


谢谢尝试使用
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);        
});