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);
});

滑块没有暂停鼠标悬停 - jQuery

2 个答案: