jquery - 鼠标悬停时滑块不暂停 - jQuery

Question

我有一个滑块，当您将鼠标悬停在它上面时需要暂停。当您将鼠标悬停在其上并继续移动鼠标时，它会起作用。当鼠标悬停在它上面并且静止时，滑块会再次启动。即使鼠标静止，我也希望它保持暂停。这是代码：

$('slider').observe('mouseover', function(e) {
    my_glider.stop();
});
function startGlider1() {
    my_glider.start();
}
$('slider').observe('mouseout', function(e) {
    if (typeof(timeout) != "undefined") {
        clearTimeout(timeout);                              
    }
    timeout = setTimeout(startGlider1, 4000);
});

Answer 1

好的，我将“mouseover”更改为“mouseenter”，将“mouseout”更改为“mouseleave”，现在它可以 100% 工作。

Answer 2

试试jquery的hover()函数。

function startGlider1() {
    my_glider.start();
}
$('slider').hover(function() {
    my_glider.stop();
}, function() {
    if (typeof(timeout) != "undefined") {
        clearTimeout(timeout);                              
    }
    timeout = setTimeout(startGlider1, 4000);
});