暫停jquery中的懸停

Question

我在我的網站上有一個傳送帶。 http://blog.vishopper.com/我已將其更改爲在相應選項卡上的.mouseover 1秒後轉到特定的幻燈片。

現在我希望滑塊在特定幻燈片上暫停，而不是繼續循環。

這裏是滑塊的代碼。

if($('#zSlider').length != 0){ 

    $('#zSlider').carousel({interval: parseInt(zAlive_i18n.slider_pause_time) }).bind('slid',function(){ 

    $('#zSlider .description li.active').removeClass('active'); 

    $('#zSlider .description li:eq(' + $('#zSlider .carousel-inner .active').index('#zSlider .carousel-inner .item') + ')').addClass('active'); 

    }); 

    $('#zSlider .description li').mouseover(function(){ 
    var me = this; 
    setTimeout(function() { 
    $('#zSlider').carousel($(me).index('#zSlider .description li')); 
    }, 1000); 
    }); 

    $('#zSlider .description li').hover(

    function(){$(this).addClass('over')}, 

    function(){$(this).removeClass('over')} 

); 

} 

還有其他的東西有問題，但我會嘗試先把它排序。暫停是默認行爲，但似乎已經破產。

Answer 1

在鼠標懸停上使其具有clearInterval（foo），當您將鼠標懸停時，它會重置間隔。好像你可能使用插件？這使得難以控制它所設置的時間間隔。這是一般的想法。