2013-03-02 53 views
0

我有一个滑块,当你将鼠标悬停在它上面时,需要暂停。当你将鼠标悬停在它上面时,它可以工作AND继续移动鼠标。当鼠标停在它上面并静止时,滑块再次启动。即使鼠标静止,我也希望它保持暂停状态。下面是代码:滑块不停留在鼠标悬停 - jQuery

$('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); 
}); 

回答

0

OK,我改变了“鼠标悬停”到“的mouseenter”和“鼠标移开”到“鼠标离开”,现在它的工作原理100%。

0

试试hover()jquery的函数。

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