滑塊不停留在鼠標懸停 - jQuery

Question

我有一個滑塊，當你將鼠標懸停在它上面時，需要暫停。當你將鼠標懸停在它上面時，它可以工作AND繼續移動鼠標。當鼠標停在它上面並靜止時，滑塊再次啓動。即使鼠標靜止，我也希望它保持暫停狀態。下面是代碼：

$('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

OK，我改變了「鼠標懸停」到「的mouseenter」和「鼠標移開」到「鼠標離開」，現在它的工作原理100％。

Answer 2

試試hover（）jquery的函數。

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