暂停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），当您将鼠标悬停时，它会重置间隔。好像你可能使用插件？这使得难以控制它所设置的时间间隔。这是一般的想法。