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

jqueryのhover()関数を試してみてください。

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

Answer 2

OK、'mouseover' を 'mouseenter' に、'mouseout' を 'mouseleave' に変更したところ、100% 動作するようになりました。